Road to LIFE

Cuối cùng thì mình cũng đã làm được.
Cách đây khoảng một tháng, khi đọc bài này của Tiên (nguoitapviet.info) mình đã rất ấn tượng với cái audio player trong bài, rất nhỏ gọn, đơn giản nhưng đẹp. Sau một hồi tìm hiểu thì biết được nó là một plugin của WordPress và chỉ của WordPress mà thôi (bạn có thể download plugin này tại đây). Mình thì lại không có cái host nào để cài WP cả mà vẫn muốn có một cái audio player bằng Flash trên blog của mình. Vậy là phải mất thêm một thời gian tìm hiểu và "phá phách" nữa, để rồi cuối cùng thì hôm nay mình cũng đã hoàn tất được nó.

Cách sử dụng vô cùng đơn giản, trước hết bạn chỉ cần save file này player.swf lại. Tiếp theo bạn chỉ cần thêm đoạn mã Javascript này vào trong phần đầu trang web của bạn (phần nằm giữa cặp thẻ Head ý)
<script type="text/javascript" src="javascript/prototype.js"><script> <script type="text/javascript"> var FLASH_PLAYER_p1 = '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="260" height="30" title="mp3player"> <param name="movie" value="player.swf?songURL='; var FLASH_PLAYER_p2 = '" /> <param name="quality" value="high" /> <embed src="player.swf?songURL='; var FLASH_PLAYER_p3 = '" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="260" height="30"></embed> </object>' function loadPlayer(){ var allAudio = document.getElementsByClassName("audio"); for(i=0;i<allAudio.length;i++){ addPlayer(allAudio[i]); } } function addPlayer(ele){ var fileUrl = ele.innerHTML; var songName = ele.getAttribute("song"); var postData = fileUrl+"&amp;songName="+songName; var s = FLASH_PLAYER_p1 + postData + FLASH_PLAYER_p2 + postData + FLASH_PLAYER_p3; ele.innerHTML = s; } <script>
Chú ý là mình có sử dụng Javascript framework Prototype nên trước hết bạn phải download file prototype.js về cái đã. Sau đó bạn thay đổi đường dẫn đến file prototype.js và player.swf trong đoạn mã trên cho phù hợp với đường dẫn trên host của bạn. Vậy là kết thúc công đoạn cài đặt, từ lúc này, mỗi khi bạn muốn thêm bài hát vào blog của mình chẳng hạn, chỉ cần đơn giản thêm dòng sau:
<div class="audio" song="Ten bai hat">Duong_dan_file_mp3</div>

Phiên bản đầu tiên của mình nên chức năng còn sơ sài nhưng mình nghĩ như vậy cũng đã là tương đối đầy đủ. "Kính mong" mọi người, không kể khen hay chê, người tốt (là người khen) hay người xấu (là người chê) góp ý giùm cái.