vnweblogs.com

Hướng dẫn nhúng (embed) nhạc trong vnweblogs

Cood nhúng nhạc vào Vnweblogs

1. CD đuôi wma    

<object><embed width="300" height="68" pluginspage="http://www.microsoft.com/Windows/Downloads/Contents/Products/MediaPlayer/" src="http://nguyentrongtao.vnweblogs.com/gallery/1890/92896-condebuon.wma" type="application/x-mplayer2" showstatusbar="1" autostart="0" showcontrols="1" /></object>

2. CD đuôi mp3

<object data="http://www.vnweblogs.com/flash/mp3player/mp3player.swf" type="application/x-shockwave-flash" width="320" height="20" class="ltPlayer"><param name="quality" value="best" /><param name="bgcolor" value="#FFFFFF" /><param name="movie" value="http://www.vnweblogs.com/flash/mp3player/mp3player.swf" /><param name="FlashVars" value="&amp;file=http://nguyentrongtao.vnweblogs.com/gallery/1890/92896-condebuon.mp3&amp;height=20&amp;width=320" /></object>

3. Cả 2 chương trình wma và mp3:

<object><embed width="300" height="68" pluginspage="http://www.microsoft.com/Windows/Downloads/Contents/Products/MediaPlayer/" src="http://nguyentrongtao.vnweblogs.com/gallery/1890/92896-condebuon.wma" type="application/x-mplayer2" showstatusbar="1" autostart="0" showcontrols="1" /></object><br/><object data="http://www.vnweblogs.com/flash/mp3player/mp3player.swf" type="application/x-shockwave-flash" width="320" height="20" class="ltPlayer"><param name="quality" value="best" /><param name="bgcolor" value="#FFFFFF" /><param name="movie" value="http://www.vnweblogs.com/flash/mp3player/mp3player.swf" /><param name="FlashVars" value="&amp;file=http://nguyentrongtao.vnweblogs.com/gallery/1890/92896-condebuon.mp3&amp;height=20&amp;width=320" /></object>

 

A. Một số khái niệm và lưu ý:

1. Lưu ý:

- Các khái nim được viết trong bài này nhm mc đích d hiu vi người không chuyên v công ngh thông tin và Internet, không phi các khái nim vi s chun mc mang tính hc thut cao.

- Bạn có thể bỏ qua phần các khái niệm này và thực hành ngay – sau đó quay lại đọc các khái niệm để hiểu sâu hơn bản chát của các thao tác vừa làm.

- Hướng dẫn này không sử dụng đến các phần mềm chuyên để blog, chỉ sử dụng Internet Explorer thông thường.

- Hướng dẫn này đã được test với 1 vài blog có các template khác nhau và chưa được đảm bảo sẽ hoạt động đúng đắn trên mọi template của vnweblogs.

2. Nhúng nhc: Nhúng nhc là thao tác chèn nhc có kèm theo trình chơi nhc luôn đ khi khách ghé thăm blog có th nhp chut vào đó nghe luôn mà không phi ti v máy ca mình.

3. Link nghe nhc: Link nghe nhc là 1 siêu liên kết dn đến mt trang web hay mt đi tượng mà khi nhp chut vào đó s chơi 1 bài hát hay 1 album. Tuy nhiên, link nghe nhc thường có 2 loi:

- Link ảo: Nhằm tránh quá tải băng thông đường truyền và những rắc rối về mặt bản quyền, đa số các website âm nhạc đều sử dụng link ảo. Link ảo chỉ đưa người nghe đến 1 file “mã” – sau đó, file “mã” này có nhiệm vụ “gọi” tới bài hát. Vì thế, đa số trường hợp là người dùng sẽ chỉ có thể nghe lần lượt mà không thể tải về hàng loạt bài hát. Link ảo thường có nhiều dạng, tùy vào cách thức lập trình của lập trình viên.

- Link thật: Các cá nhân đưa nhạc lên mạng thường cung cấp link thật. Một phần là họ có ít bài, một phần là mong muốn chia sẻ, một phần là không có khả năng che dấu bằng link ảo. Link thật là đường dẫn đến 1 bài hát thực sự, tồn tại trên máy chủ chứa bài hát đó. Khi nhấp vào 1 link thật thì thường xảy ra 2 khả năng: Chương trình chơi nhạc trên máy tính tự động chạy và mở bài hát đó. Hoặc là mở ra hộp thoại download bài hát đó về. Link thật luôn kết thúc bằng tên file bài hát kèm định dạng rõ ràng. Ví dụ: http://nguyentrongtao.vnweblogs.com/gallery/1890/17395-10%20Mua.wma hay http://4mua.vnweblogs.com/gallery/451/Loicuagio.mp3 (Lưu ý kết thúc link thật luôn có định dạng tập tin nhạc. Trường hợp này là WMA và MP3 – hai định dạng phổ biến nhất).

4. Link nào dùng được: Bn ch có th nhúng nhc nếu có link tht ca bài hát, không th s dng link o đ chèn nhc được.

5. Mã (code) bài viết: Mã bài viết là bài viết dưới dạng “ngôn ngữ đánh dấu siêu văn bản” dùng trên Internet. Ví dụ khi bạn nhìn thấy dòng chữ Đây là chữ đậm trong Word thì dưới dạng mã nó lại là <b>Đây là chữ đậm</b>. Nói chung, khi hiển thị 1 bài blog dưới dạng mã bạn sẽ thấy rất nhiều các cặp thẻ định dạng có dạng <...> và </...>. Bạn không cần hiểu và biết hết các cặp thẻ này.

6. WYSIWYG: “What you see is what you get!” – một câu quảng cáo của phần mềm soạn thảo văn bản Microsoft Word. Hàm ý, tất cả những gì bạn định dạng nhìn thấy trên màn hình như thế nào thì lúc in ra nó sẽ y hệt như thế.

7. Văn bản thô: Ngược với WYSIWYG, văn bản thô là văn bản không kèm theo bất kỳ một định dạng nào. Có nghĩ là khi hiển thị dưới dạng WYSIWYG hay dạng mã (code) thì nó không khác gì nhau. Văn bản thô không chứa bất kỳ thẻ định dạng nào. Bạn copy rồi paste 1 đoạn văn bản vào chương trình Notepad thì nó sẽ bị gỡ bỏ hết các định dạng và “biến” thành văn bản thô. Trong quá trình copy/paste trên blog, rất nhiều trường hợp cần biến thành văn bản thô để tránh các định dạng không mong muốn (đa phần các định dạng này không thể phát hiện bằng mắt thường).

 

B. Các bước tiến hành nhúng nhạc vào blog:

1. Bạn cần có link thật của bài hát cần nhúng: Có 3 cách! Nếu bạn có sẵn bài hát này và bạn muốn chia sẻ thì bạn sẽ “tải” (upload) bài hát đó lên 1 trang web chia sẻ nào đó. Bạn có thể upload lên chính phần album trong blog của bạn trên vnweblogs.com. Cách thứ 2 là bạn tìm kiếm trên Internet bằng Google chẳng hạn, xem đã có trang web nào đó, blog của ai đó,.. có bài hát này dưới dạng link thật và ghi nhớ link này. Cách thứ 3 là bạn vào các trang nghe nhạc nổi tiếng, tìm đến bài hát cần tìm rồi sử dụng các công cụ “chuyển” từ link ảo sang link thật để “bắt” được đúng bài hát đó.

Nói chung, bạn nên làm theo cách 2. Cách 3 sẽ có hướng dẫn trong thời gian tới đây. Cách 1 là cách vạn bất đắc dĩ vì nó mất nhiều thời gian và làm tốn nhiều tài nguyên của xã hội. Hơn nữa, đường truyền của vnweblogs không phải đủ nhanh để nghe nhạc. Sau khi đã có link thật, bạn nên copy nó ra để vào trong 1 chương trình soạn thảo văn bản thô (Notepad). Giả sử ở đây, tôi tìm được link bài hát này: http://nguyentrongtao.vnweblogs.com/gallery/1890/17395-10%20Mua.wma

2. Tắt tính năng WYSIWYG của blog: Do đặc thù muốn hỗ trợ các bloger dễ dàng trong việc viết và định dạng blog, vnweblogs đã tích hợp một chương trình gọi là TYNIMCE để phần viết bài có khả năng WYSIWYG gần giống như MS Word. Nhưng cái chương trình này nó lại tự “ăn” mất các đoạn mã không nằm trong danh mục cho phép – có lẽ nhằm mục đích an toàn. Cho nên để post được nhạc thì bạn cần tắt cái tính năng WYSIWYG đi đã!

Các bước tiến hành tắt tính năng WYSIWYG của blog:

Đăng nhập vào blog, nhấp vào tên blog (chữ màu đỏ) để vào bên trong. Sau khi vào rồi, bạn sẽ thấy 1 hệ thống menu của blog. Nhấp vào phần Bảng điều khiển \ Các thông số \ Các thông số của blog. Sau khi ra trang cấu hình các thông số của blog, bạn tìm đến dòng chữ: Kích hoạt wysiwyg (What you see is what you get) Chức năng này chỉ hoạt động trên các trình duyệt Internet Explorer 5.5 và cao hơn, hoặc Mozilla 1.3 và cao hơn. Bạn tắt (bỏ chọn) cái này đi – mục đích là để vô hiệu hóa cái TYNIMCE! Sau khi nhúng nhạc xong, bạn quay lại đây để kích hoạt lại nó!

Lưu ý, nếu bạn đang kích hoạt tính năng WYSIWYG mà bạn Sửa lại bài viết có nhúng nhạc thì nó vẫn “ăn” mất phần mã nhúng nhạc của bạn như thường. Vì vậy, cách giải quyết khôn ngoan nhất là bạn cần định dạng bài viết của mình thật chuẩn, post lên bình thường, sau đó tắt WYSIWYG, quay lại mở bài viết đó ra để chèn nhạc vào, update bài viết, rồi kích hoạt lại WYSIWYG sau!

3. Chèn nhạc: Như vậy là coi như bạn đã xong việc định dạng bài viết của mình thật chuẩn, post lên bình thường, sau đó tắt WYSIWYG. Bây giờ là lúc quay lại mở bài viết đó ra (chọn mục sửa bài viết) để chèn nhạc vào. Bạn copy đoạn mã màu xanh sau ra Notepad để nó thành văn bản thô:

<object><embed width="300" height="68" pluginspage="http://www.microsoft.com/Windows/Downloads/Contents/Products/MediaPlayer/ " src="music link" type="application/x-mplayer2" showstatusbar="1" autostart="0" showcontrols="1" /></object>

Sau đó, bạn xóa đi dòng chữ music link và chèn (paste) link thật (của bài hát mà lúc nãy bạn ghi ra) thay thế vào đó. Lưu ý, link thật phải nằm giữa 2 dấu “ ”. Giả sử trường hợp của 4mua, đoạn mã trên sẽ là:

<object><embed width="300" height="68" pluginspage="http://www.microsoft.com/Windows/Downloads/Contents/Products/MediaPlayer/ "src="http://vanchuong.vnweblogs.com/resource/2192/CovamuaTungDuong.mp3" type="application/x-mplayer2" showstatusbar="1" autostart="0" showcontrols="1" /></object>

Nếu bạn muốn bài hát tự động chơi khi người đọc mở bài viết ra thì bạn sửa chỗ autostart="0" thành autostart="1". Cần hết sức chú ý kẻo nhầm lẫn / thiếu sót chỉ 1 ký tự hay 1 dấu chấm thì cũng sẽ không được! Sau đó, bạn chọn (select) tất cả đoạn mã trên (cả phần màu xanh và đỏ) rồi copy (nhấn Ctrl+C). Sau đó, bạn quay trở lại bài viết, nhấp chuột vào chỗ định chèn nhạc và dán (paste – Ctrl+V) đoạn mã đó vào đây. Lưu ý là lúc này bài viết không được hiển thị dưới dạng WYSIWYG nữa, mà dưới dạng mã (code) HTML nên rất khó nhìn, khó tìm ra chỗ nào là cái gì!!! Do đó, bạn phải đoán ra xem chỗ nào là chỗ xuống dòng, ngắt đoạn... Có lẽ bạn nên đánh dấu ngay phần muốn chèn nhạc từ lúc soạn thảo bằng mấy dấu *** chẳng hạn. Sau khi chèn mã (paste) vào bài viết xong, bạn nhấp vào nút Cập nhật bài viết. Thế là xong!

<object data="http://www.vnweblogs.com/flash/mp3player/mp3player.swf" type="application/x-shockwave-flash" width="320" height="20" class="ltPlayer"><param name="quality" value="best" /><param name="bgcolor" value="#FFFFFF" /><param name="movie" value="http://www.vnweblogs.com/flash/mp3player/mp3player.swf" /><param name="FlashVars" value="&amp;file=http://nguyentrongtao.vnweblogs.com/gallery/1890/khuchatsongque_anhtho.mp3&amp;height=20&amp;width=320" /></object>

Hoặc:

<object><embed width="300" height="68" pluginspage="http://www.microsoft.com/Windows/Downloads/Contents/Products/MediaPlayer/" src="http://vuthanhhoa.vnweblogs.com/gallery/2433/Trang%20xua.mp3" type="application/x-mplayer2" showstatusbar="1" autostart="0" showcontrols="1" /></object>

 Lúc này bạn có thể mở 1 cửa sổ khác, truy cập vào blog của mình, kiểm tra và thưởng thức. Nếu không có vấn đề gì, bạn có thể quay trở lại kích hoạt tính năng WYSIWYG để phục vụ những lần post bài sau. Lưu ý là, về nguyên tắc các máy chủ chứa file nhạc của chúng ta hiếm khi (và blog này cũng không hỗ trợ) kỹ thuật streaming media (gọi nôm là vừa tải vừa nghe) nên lần đầu tiên nghe bài hát nó sẽ cà giựt cà giựt. Sau khi nó như vậy 1 lần rồi, lần sau bạn nhấp nút play để nghe lại, nó sẽ hát trơn tru – vì nó đã được tải về toàn bộ trên máy của bạn rồi.

Vậy là xong, xin chúc mừng bạn!

Lời ngỏ: Bài viết chắc chắn còn nhiều chỗ chưa rõ nghĩa hoặc chưa chuẩn. Rất mong sẽ giúp được phần nào các bạn, các chú các bác,.. trong việc tiếp cận những công nghệ và thủ thuật mới. Hi vọng nhận được phản hồi của các bạn, các chú các bác. Nếu cần làm rõ thêm vấn đề gì, xin cả nhà cứ hỏi, 4mua xin đem chút kiến thức mọn có được ra giải đáp.

Trân trọng!

Written by 4mua.vnweblogs.com
ċ
1.Huongdannhungnhac.doc
(73k)
firopp@gmail.com,
18:19, 5 thg 12, 2009
Comments