Translate

Cách Chơi File MP3 Trong Blogpost

Đăng file nhạc MP3 cho Blogpost

Một ngày đẹp trời bổng dưng ông lớn không cho phát file audio trên Blogpost nữa, thế là toàn bộ các file phát MP3 bị vô hiệu. How to  embed mp3 file into your Blogpost.


Bài viết sẽ hướng dẫn bạn post file mp3 trực tiếp trên blogpost của mình.
Hiện tại để phát file mp3 cho blogpost thì phải sử dụng web thứ ba để đưa file mp3 lên host như Google Drive, soundcloud go, hay soundcloud go+, tuy nhiên phải trả tiền phí, không nhiều từ 5 tới 10 dollars mỗi tháng.
Đại đa số các Blogger thông thường thì chắc hẳn không ai muốn trả tiền hàng tháng chỉ vì chỉ muốn phát cái file mp3 minh họa cho blog của mình.

Đoạn code sau là cứu cánh cho việc chơi file MP3 trên Blogpost. 

Nếu bạn là newbies muốn phát file mp3 trên blog không mất phí thì làm theo hướng dẫn sau:

  • Điều kiện là bạn phải Upload file Mp3 trên Google Drive
  • Lấy link share,
  • Thay thế ID vào đoạn Code Audio.

1- Hướng dẫn phát MP3 trên Blogpost

Sử dụng đoạn code sau:

<audio preload="none"style="width:100%;"title="Audio:Nhạc trử tình"

controls>

<source src="http://docs.google.com/uc?export=open&amp;id=1Ymb_QgWqpFE6vIQfwBMSxUxISWg6BN5d" type="audio/mp3"></source>

Your browser does not support the audio element.<br />

</audio>

Tìm ID file mp3 thay thế:
Bạn phải tìm và thay thế ID của file MP3.
File bạn đã upload trong google drive để lấy ID của file Mp3 đó.
Nếu bạn chưa biết cách tìm ID file mp3 thì không sao, xem hướng dẫn bài tìm ID file video và audio mp3.
Lấy ID bằng cách vào Drive/chọn file/share anyone copy link, phần chử màu vàng chính là ID file mp3 của bạn, lấy nó thế vào code trên là xong.
Soạn thảo HTML thay ID vào
Từ chế độ HTML view, dán đoạn code đã thay thế ID của bạn vào và sau đó Pushish là xong.

Cách nhúng trực tiếp từ Google Drive 
Từ google drive bạn nên kiểm tra xem họ có cho embed hay không nếu có mở chức năng này thì lấy code về và cho vào blogpost là xong dễ dàng.
Nếu chưa biết cách nhúng một file nhạc MP3 từ google Drive thì xem lại bài viết trên Blog này "Cách chèn và phát một file nhạc Mp3 Từ Google Drive cho Blogpost"

This paper focus on how to embed mp3 file into blogpost from sharing file mp3 of google drive.
You can embed your mp3 files directly from Google Drive that don't need to upload them to another website.
Following this paper that
sharing file Mp3 file can play on your blogpost, but some web browser may not working smooth such as safari...
<figure>
<figcaption>Listen to Mp3:</figcaption>
<audio preload="none"style="width:100%;"title="Audio:Nhạc trử tình" controls>
<source src="http://docs.google.com/uc?export=open&amp;
id=REPLACE YOUR MP3 ID" type="audio/mp3"></source>
Your browser does not support the audio element.
<code>audio</code> element.
</audio>
</figure>

2- Đăng video thay thế cho lỗi phát file MP3 của Blogpost

Blogpost rất dởm cái vụ phát file MP3 vì thế đừng thắc mắc, cách tốt hơn là tạo file video nhỏ gọn, chỉ một hình đại diện phát hết cả bài nhạc, bạn có thể dùng hình ảnh ID3 luôn cho gọn nhẹ. 

Ví dụ file video sau dung lượng có 5.00 MB (5,244,242 bytes), trong khi nguyên gốc file mp3 có size là 4.48 MB (4,702,333 bytes).

Xét về kích thước thì rất tốt cho việc insert trực tiếp vào blog, không cần mượn đơn vị thứ ba nào khác, kích thước nhỏ vậy sẽ không làm chậm tốc độ tải trang của blog của bạn.


3- Cách tạo file Video trực tiếp trên online, không cần phần mềm.

Đây là đoạn clip mình dùng TunesToTube tạo file Video trên online và sau khi tạo xong nó tự động nhảy vào youtube của bạn luôn, Post youtube video vào blog là xong.


Khi vào trang web tạo video miễn phí của họ, bạn chỉ cần có tài khoản google và đồng ý các điều khoản của họ thế thôi.
Chuẩn bị file MP3 và một tấm hình kích thước không lớn hơn yêu cầu của họ, nếu không có ảnh thì dùng ID3 của bài hát luôn cũng được.

Rất đơn giản ai cũng làm được và dễ dàng, không phải mất công chạy software tạo video cho lâu lắc.

Trường hợp nghe trên safari thì phải clear history vì code nhạc trên bị vướng app music của apple.
Dưới đoạn audio bạn nên nhắc thính giả nghe trên Iphone hoặc Ipad thì đừng quên vào Settings/safari/Clear History and website Data.
Nghe bài Trái tim bé bỏng - Hồng Ngọc




No comments: