Chèn một bản nhạc vào bài viết


Trong bài của Cậu Di đăng trong Blog về Bảo vệ môi trường có gửi đến mọi người bài phát biểu của Ông Wayne Lewis (chỉ cần kích vào nút tam giác để nghe). Chắc có người cũng muốn làm được điều này. Đối với những người có am hiều vế lập trình thì có thể viết để chèn code HTML vào bài viết (kiểu của Cậu Di). Nếu là i tờ về lĩnh vực này, các vị hãy làm theo cách hướng dẫn sau đây để thực hiện. Các vị có thể ghi âm giọng nói của chính mình để gửi và dặn dò con cái ở tận Âu, Mỹ... Vấn đề là phải tải được nó lên mạng để lấy link liên kết về (chỉ hơi khó chỗ này thôi)

Để thực hiện, các vị truy cập vào trang chủ của Muzicons : http://www.muzicons.com/ .

Muzicons.com không những giúp cho việc nghe 1 đoạn nhạc trực tiếp trên blog của các vị mà nó còn hỗ trợ cho các vị tạo 1 skin trực tuyến cho trình nghe nhạc, giúp các vị tạo 1 skin mang phong cách trẻ trung, ngộ nghĩnh cho đoạn nhạc của mình.

Các vị sẽ thấy giao diện như bên dưới:



- có 2 cột, cột lớn là phần tùy chỉnh, cột nhỏ là kết quả.
- Các vị hãy thực hiện 4 bước như trong hình :
+ Bước 1: đầu tiên, hãy chọn cho các vị 1 icon cho skin
+ Bước 2: hãy điền link bài nhạc của các vị vào ô mp3 URL,hoặc các vị có thể đánh tên bài hát để Muzicons tự tìm kiếm.
+ Bước 3: chọn skin cho trình nghe nhạc .
+ Bước 4: chọn màu nền.
Sau khi tùy chỉnh xong, các vị sẽ thấy phần cột bên phải (cột hiển thị kết quả) nó sẽ có 1 đoạn code. Muzicons cung cấp cho chúng ta 1 code HTML và 1 code BB (dùng cho forum). Ở đây chúng ta chỉ sử dụng code HTML.Đoạn code này như sau:


<object align="middle" height="50" width="150"><param name="allowScriptAccess" value="sameDomain"><param name="wmode" value="transparent"><embed src="http://muzicons.com/musicon_v_srv_new.swf" type="application/x-shockwave-flash" flashvars="&amp;nomuz=muzicon%20unavailable&amp;site=http://muzicons.com/&amp;icon_pic=22.png&amp;

music_file=http://ngominhluong.googlepages.com/ThuyenVaBien-BaoYen.mp3&amp;bg_color=af21d2&amp;type_of_clip=whith_bar&amp;

text_color=FFFFFF&amp;

text_message=Thuyen+va+bi&amp;buy_link=http%3A%2F%2Fwww.amazon.com%2Fgp%2Fsearch%3Fie%3DUTF8%26tag%3Dmuzicocommusi-20%26index%3Ddigital-music%26linkCode%3Dur2%26camp%3D1789%26creative%3D9325" wmode="transparent" menu="false" quality="high" align="middle" height="50" width="150"></embed></object>


Copy đoạn code này về và dán nó vào vị trí muốn hiển thị trong blog của các vị là xong.Nếu có file nhạc khác hay File ghi âm tiếng nói của mình đã tải lên mạng, các vị có thể thay đoạn link màu đỏ bằng link riêng của các vị.

Còn nếu muốn làm như Cậu Di thì các vị hãy copy và dán đoạn code dưới đây vào nơi nào muốn hiển thị nó trong khung soạn thảo ở chế độ Chỉnh sửa Html (sau khi đã thay link bài hát...bằng link bài hát của các vị)


<embed showdisplay="0" showstatusbar="1" showcontrols="1" autostart="0" type="application/x-mplayer2" src="http://ngominhluong.googlepages.com/ThuyenVaBien-BaoYen.mp3" space="0" align="middle" height="69" width="304"></embed>


* giải thích thêm :

trong đoạn code trên :

- autostart="0" : giá trị "0" : lúc vào phải nhấn nút tam giác mới nghe bài hát được; còn nếu bằng "1" sẽ tự chạy lúc vào Blog. Các vị cử để nguyên là "0" vì nếu đặt là "1" thì nếu có nhiều người cùng chèn bài hát trên Blog sẽ xẩy ra tình trạng các bài hát đều phát cả sẽ lung tung lắm không còn nghe được bài nào nữa!Còn height="69" width="304" là chiều cao và rộng của giao diện trình nghe nhạc. Các vị có thể thay theo ý thích của mình.

Sử dụng trang Web này tôi đã có thể gửi các vị bài hát "Thuyền và Biển" do Bảo Yến trình bày dưới đây. Các vị chỉ cần mở loa và ấn vào nút hình tam giác để thưởng thức bài hát trữ tình này. Nếu muốn tải bài hát này về máy mình, các vị chỉ cần nhấp vào Dowload this Audio

(Lưu ý là phải kích vào nút tam giác mới thấy đươc hàng chữ này)



Và đây là theo cách của Cậu Di


Previous
Next Post »