Home Bài viết Wordpress/ Web [WP] Làm việc với Post – Chèn nhạc vào bài viết (P3)

[WP] Làm việc với Post – Chèn nhạc vào bài viết (P3)

0

Xin chào các bạn, trong 2 phần trước của loạt bài hướng dẫn làm việc với giao diện Post của WordPress, VNo1 đã giới thiệu đến các bạn “tác nghiệp” cơ bản. Bài viết hôm nay sẽ nói đến thao tác với mã nhúng cho nhạc.

*****************

III. POST NHẠC TRÊN WORDPRESS

WordPress là một dạng Blog, vì vậy, khi có nhu cầu đưa nhạc lên bài viết – PLAYLIST hay một bài đơn lẻ – bạn hãy tưởng tượng ngay đến chức năng “EMBED” của các trang mạng nghe nhạc như ZING, nhaccuatui.. Chức năng này rất quan trọng, bởi vì dung lượng của một bài nhạc không phải là nhỏ, không nên lãng phí tài nguyên host của Web để chạy nhạc trong khi đã có vô khối dịch vụ Free tuyệt đối thế này..

1. Chèn nhạc từ mp3.zing.vn

VNo1 sử dụng chức năng của Zing là chủ yếu (rất thân thiện với người dùng và nếu bài nhạc của bạn không có sẵn trên Zing thì hẫy .. tự up lên), nên tôi sẽ mô tả ZING để làm mẫu và nguyên tắc nhúng nhạc cho blog đều áp dụng cách này:

– Đầu tiên, với 1 bài nhạc mà bạn có như hình dưới, bạn Click vào nút EMBED bên dưới khung play, chọn ô tính năng TỰ CHẠY… (không chọn nút “Nhạc nền”)

– Chọn xong rồi thì click vào dòng mã code “NHÚNG BLOG” rồi COPY (Ctrl + C)

– Chuyển về giao diện post bài, chọn kiểu soạn thảo HTML, đưa lên đầu trang và PATSE đoạn CODE vừa copy vào. (code chỉ có giá trị ở chế độ HTML)

– Chuyển vể giao diện soạn thảo VISUAL, bạn sẽ thấy khung Play hiện ra, bạn có thể chọn vào nó và nhấn CTRL + X để di chuyển đến vị trí mình muốn.

CHÚ Ý: Riêng Link nhạc share của Zing mặc định là 1 cái player đầu lâu rất hầm hố.

Để thay đổi, trong đoạn CODE (mã nhúng) mà bạn có được (bạn hoàn toàn có thể đưa nó ra word để sửa), hãy thay đổi thông số về PLAYER như chữ TÔ ĐẬM trong ví dụ này:

CODE gốc:

<object width=”300″ height=”61″><param name=”movie” value=”http://static.mp3.zdn.vn/skins/mp3_main/flash/player/mp3Player_skin1.swf?xmlurl=http://mp3.zing.vn/blog?MjAxMi8wOC8xMS9lL2IvInagaMEZWI0MzlkYzdlMWQzZWQzZGJhYTY5ZmNkMGUxOTg2O

DIdUngWeBXAzfEEgTG92ZXJzIENvInagaMEWeBmNlmUsICnRvInagaMEfEcUIbaBlWeBGx5IENoZ

W4gfDF8NQ” /><param name=”quality” value=”high” /><param name=”wmode” value=”transparent” /><embed width=”300″ height=”61″ src=”http://static.mp3.zdn.vn/skins/mp3_main/flash/player/mp3Player_skin1.swf?xmlurl=http://mp3.zing.vn/blog?MjAxMi8wOC8xMS9lL2IvInagaMEZWI0MzlkYzdlMWQzZWQzZGJhYTY5ZmNkMGUxOT

g2ODIdUngWeBXAzfEEgTG92ZXJzIENvInagaMEWeBmNlmUsICnRvInagaMEfEcUIbaBlWeBGx

5IENoZW4gfDF8NQ” quality=”high” wmode=”transparent” type=”application/x-shockwave-flash”></embed></object><br />

Kết quả thật là .. bức xúc:

CODE sửa lại (làm trong chế độ soạn thảo HTML của WORDPRESS)

<object width=”300″ height=”61″><param name=”movie” value=”http://static.mp3.zdn.vn/skins/mp3_main/flash/player/mp3Player_skin2.swf?xmlurl=http://mp3.zing.vn/blog?MjAxMi8wOC8xMS9lL2IvInagaMEZWI0MzlkYzdlMWQzZWQzZGJhYTY5ZmNkMGUxOTg2OD

IdUngWeBXAzfEEgTG92ZXJzIENvInagaMEWeBmNlmUsICnRvInagaMEfEcUIbaBlWeBGx5IENoZW4

gfDF8NQ” /><param name=”quality” value=”high” /><param name=”wmode” value=”transparent” /><embed width=”300″ height=”61″ src=”http://static.mp3.zdn.vn/skins/mp3_main/flash/player/mp3Player_skin2.swf?xmlurl=http://mp3.zing.vn/blog?MjAxMi8wOC8xMS9lL2IvInagaMEZWI0MzlkYzdlMWQzZWQzZGJhYTY5ZmNkMGUxOTg2OD

IdUngWeBXAzfEEgTG92ZXJzIENvInagaMEWeBmNlmUsICnRvInagaMEfEcUIbaBlWeBGx5IENoZW4

gfDF8NQ” quality=”high” wmode=”transparent” type=”application/x-shockwave-flash”></embed></object><br />

Và đây là kết quả:

Ad: Theo như người viết nhớ không lầm thì có khoảng 9 skin cho bạn lựa chọn bằng cách thay số như trên. Các skin sau rất đẹp, không hiểu vì sao Zing lại sử dụng cái đầu lâu này làm mẫu mặc định!??

Bạn cũng có thể thay đổi kích thước Player Zing bằng cách thay đổi thông số trong mã CODE của nội dung HEIGH WIDTH (đơn vị tính là Px – pixel)

Bạn làm tương tự với Playlist Zing, tuy nhiên, Playlist thì không có tính năng tự chạy mà chỉ có thể thay đổi kích thước khung nhạc.

2. Muốn chèn nhạc vào post WORDPRESS với nhaccuatui hay bất cử trang có mã embed nào, bạn đều áp dụng như trên.

3. Chèn nhạc từ SOUNDCLOUD vào post :

VNo1 sử dụng Plug-in SOUNDCLOUD. Để sử dụng, bạn mở link nhạc của mình ra, nhấn nút SHARE của Bài nhạc/Playlist và sử dụng đoạn lệnh trong VISUAL :

[ soundcloud]ĐOẠN MÃ VỪA COPY[/SOUNDCLOUND]

(viết liền nhé, không có dấu cách đâu)

Nếu bạn là một Bloger hay phát triển Web trên nền WORDPRESS, bạn có thể tìm Plugin bằng từ khóa SOUNDCLOUD. Đây là mạng chia sẻ nhạc quốc tế rất hay.

************

Chúc các bạn tạo ra được bài post như ý.

T.G/Giangliao – VNo1

VNo1Bài nhạc sử dụng có nội dung nói về đam mê HIP HOP của tác giả, bên cạnh giai điệu rất hay cũng có nhiều suy nghĩ rất đáng chú ý..

ĐỂ LẠI BÌNH LUẬN CỦA BẠN

Thư điện tử của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *