How to embed mp3 file into your Blogpost.
Mục lục 
1- Hướng dẫn phát MP3 trên Blogpost
2- Đăng video thay thế cho lỗi phát file MP3 của Blogpost
3- Cách tạo file Video trực tiếp trên online, không cần phần mềm.
 
1- Hướng dẫn phát MP3 trên Blogpost
2- Đăng video thay thế cho lỗi phát file MP3 của Blogpost
3- Cách tạo file Video trực tiếp trên online, không cần phần mềm.
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 
Điều kiện là bạn phải upload file Mp3 trên Google Drive
Lấy link share, và dùng lệnh ifram 
  
  
  
  
      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" 
source src="http://docs.google.com/uc?export=open&id= 1Ymb_QgWqpFE6vIQfwBMSxUxISWg6BN5d " type="audio/mp3"></source>
  
  
Cách khác là dùng code iframe sau <div style="text-align: center;">
<iframe allow="autoplay" height="80" src="https://drive.google.com/file/d/1Rz9dAnr3_x980Sy_PhQsSaabHoE2jABN/preview" width="440"></iframe>
Share mp3 với public rồi thay thế vào.....như sau https://drive.google.com/file/d/............/preview.
 source src="http://docs.google.com/uc?export=open&id= 1Ymb_QgWqpFE6vIQfwBMSxUxISWg6BN5d " type="audio/mp3"></source>
Cách khác là dùng code iframe sau <div style="text-align: center;">
<iframe allow="autoplay" height="80" src="https://drive.google.com/file/d/1Rz9dAnr3_x980Sy_PhQsSaabHoE2jABN/preview" width="440"></iframe>
Share mp3 với public rồi thay thế vào.....như sau https://drive.google.com/file/d/............/preview.
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 dùng iframe từ Google Drive cho Blogpost"
            
Cách khác 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, nguyên gốc file mp3 có size là 4.48 MB
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.
  
        
     
      
        
      
 
  
      
  
 
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 dùng iframe từ Google Drive cho Blogpost"
  
 2- Đăng video thay thế cho lỗi phát file MP3 của Blogpost  
  
Cách khác 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, nguyên gốc file mp3 có size là 4.48 MB
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.
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.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.


 
No comments:
Post a Comment