Chơi nhạc MP3 trên Blogger dùng ShortCode! Tại sao không?

Cách làm shortcode trong bài viết này chỉ mang tính minh họa và thử nghiệm ban đầu. Hiện đã có phiên bản hoàn chỉnh hơn shortcode này tại đây.

Nếu đã dùng WordPress, bạn chắc chắn biết tính năng shortcode của nó. Shortcode có nhiều điểm giống như BBCode trong các diễn đàn, dùng để thực hiện 1 thao tác nào đó 1 cách đơn giản. Người dùng không cần phải nhớ các đoạn mã HTML phức tạp, mà chỉ cần ghi nhớ 1 vài quy tắc viết giản lược đi rất nhiều.

VD để ẩn nội dung 1 đoạn văn bản đối với khách không phải thành viên, chúng ta thường gặp cách viết:


[hide]Đoạn text bị ẩn[/hide]

Đối với người dùng thì shortcode cực kỳ tiện lợi. Tiếc thay bên Blogger chưa có tính năng này. Vì thế tôi nảy ra ý định làm thử shortcode cho Blogger. Tất nhiên, với quyền hạn của mình thì việc thực hiện shortcode chỉ có thể được làm bằng javascript mà thôi.

Thử nghiệm đầu tiên là shortcode dành cho chơi nhạc MP3 như dưới đây.

Cách cài đặt MP3 Player cho Blogger


Cách thức cài shortcode này rất đơn giản như sau:

Trước tiên, bạn mở file template của Blogger (hoặc vào phần Layout - Edit HTML), tìm đến ngay trước thẻ đóng </body> và chèn đoạn code sau:

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js' type='text/javascript'></script>
<script src='http://tuanh.org/js/ap/audio-player-min.js' type='text/javascript'></script>

Sau đó cũng trong file template, tìm đến đoạn:

<data:post.body/>

sửa nó thành:

<span id="post-body"><data:post.body/></span>

Xong!

Cách sử dụng shortcode để chơi nhạc MP3


Sau khi cài đặt xong, để có thể chơi nhạc MP3 trong blog, bạn cần làm những việc sau:

1. Upload file nhạc MP3 đó lên 1 trang web nào đấy có hỗ trợ direct link.

2. Copy direct link của file vừa upload đó.

3. Khi viết bài trong blog, bạn chỉ cần viết theo mẫu sau để chèn nhạc:

[ audio:đường-link-tới-file-mp3 ]

(không có dấu cách giữa 2 dấu [])

Vậy là xong, file nhạc sẽ được tự động chạy khi bạn xem bài viết.

Credits


Trong cách làm shortcode này, tôi có sử dụng tới phiên bản standalone của WordPress Audio Player, vốn là 1 plugin khá nổi tiếng để chơi nhạc MP3 trên WordPress. Tôi cũng đã xem thử qua một số player khác, nhưng tạm thời chọn cái này vì tính đơn giản của nó.

Demo


Dưới đây là bài hát "Nếu" có sử dụng shortcode theo cách làm này. File MP3 được upload lên FileDen đã được nhắc đến ở trên.

[audio:http://www.fileden.com/files/2010/2/10/2757039//Neu(2).mp3]

(Có thể bạn sẽ không nghe được file demo này, do tôi đã update code của shortcode lên phiên bản khác hoàn thiện hơn. Các bạn vui lòng coi tại đây.)

Năm mới sắp tới rồi, Hỗn tạp Blog chúc các bạn vui vẻ, thành đạt và hạnh phúc. Nghe bài hát trên để quên hết mọi điều đáng tiếc của năm cũ, để sang năm mới, không ai phải dùng từ "nếu" một lần nào nữa :)