HỒN VIỆT !


Lập WEB: 21/10/2010

Thống kê

  • truy cập   (chi tiết)
    trong hôm nay
  • lượt xem
    trong hôm nay
  • thành viên
  • Thống kê truy cập

    free counters
    Gốc > Chia sẻ kinh nghiệm > Web - Blog >

    HƯỚNG DẪN TẠO BOX PHÁT FILE ÂM THANH (NHẠC) TRÊN WEBSITE

    Hôm nay Bằng Vũ mạo muội viết bài hướng dẫn Quý Thầy Cô cách tạo hộp phát các file âm thanh hoặc nhạc để Thầy Cô có thể chia sẻ với mọi người về tác phẩm âm thanh của mình trên website.

    Dụng cụ:

    -         Các file âm thanh định dạng *.mp3

    -         File flash để phát file âm thanh trên web: flvplayer.swf

    -         File chứa link nhạc, tên người trình bày, tên tác phẩm âm thanh định dạng .xml: playlist.xml

    Link tải về tại cuối bài viết.

        Bước 1: Dùng NotePad hoặc WordPad mở file playlist.xml và nhập các phần:

    • Tên file âm thanh 1
    • Tên người thể hiện
    • Đường dẫn đến file mp3: http:// đường_dẫn/thư_mục/tên_file_âm_thanh.mp3

    Nếu muốn thêm file nữa thì Thầy Cô copy đoạn code sau và dán vào tiếp theo phía dưới thẻ </track> của file cuối và phía trên thẻ </trackList>:

    <track>

    <creator>Tên file âm thanh 1</creator>

    <title>Tên người thể hiện</title>

    <location>http:// đường_dẫn/thư_mục/tên_file_âm_thanh.mp3</location>

    </track>

     

     NỘI DUNG FILE playlist.xml:

    <playlist xmlns="http://xspf.org/ns/0/" version="1">

    <trackList>

     

    <track>

    <creator>Tên file âm thanh 1</creator>

    <title>Tên người thể hiện</title>

    <location>http:// đường_dẫn/thư_mục/tên_file_âm_thanh.mp3</location>

    </track>

     

    <track>

    <creator>Tên file âm thanh 2</creator>

    <title>Tên người thể hiện</title>

    <location>http:// đường_dẫn/thư_mục/tên_file_âm_thanh.mp3</location>

    </track>

     

    <track>

    <creator>Tên file âm thanh 3</creator>

    <title>Tên người thể hiện</title>

    <location>http:// đường_dẫn/thư_mục/tên_file_âm_thanh.mp3</location>

    </track>

     

    <track>

    <creator>Tên file âm thanh 4</creator>

    <title>Tên người thể hiện</title>

    <location>http://đường_dẫn/thư_mục/tên_file_âm_thanh.mp3</location>

    </track>

     

    </trackList>

    </playlist>

     

     Bước 2: Tải lên host các file nhạc *.mp3 ; file playlist.xml và file flvplayer.swf

        Bước 3: Thầy Cô chỉnh sửa đường dẫn đến file flvplayer.swf và playlist.xml trong đoạn code sau cho phù hợp rồi copy code và dán vào vị trí thích hợp trên website.

    <center><object data=" http://đường_dẫn/thư_mục/flvplayer.swf?playlist=http://đường_dẫn/thư_mục/playlist.xml&amp;displayheight=50&amp;backcolor=0x#319A63&amp;frontcolor=0xFFFFFF&amp;lightcolor=0xFFFFFF&amp;showdigits=true&amp;showeq=true&amp;showfsbutton=true&amp;autostart=false&amp;shuffle=false&amp;repeat=true;volume=100&amp;height=285" allowscriptaccess="never" type="application/x-shockwave-flash" width="220px" height="250px" scrolling="yes">

     <param name="movie" value="http://đường_dẫn/thư_mục/flvplayer.swf?playlist=http://đường_dẫn/thư_mục/playlist.xml&amp;displayheight=50&amp;backcolor=0x#319A63&amp;frontcolor=0xFFFFFF&amp;lightcolor=0xFFFFFF&amp;showdigits=true&amp;showeq=true&amp;showfsbutton=true&amp;autostart=false&amp;shuffle=false&amp;repeat=true;volume=100&amp;height=285" allowscriptaccess="never" type="application/x-shockwave-flash" />

    </object></center>

    Để chỉnh sửa độ rộng và chiều cao của box âm thanh, Thầy Cô thay đổi thông số tại đây:

                 width="220px" height="250px"

    Để chỉnh tắt/mở chế độ tự động phát, Thầy Cô thay autostart=false (không tự động phát) bằng autostart=true (tự động phát khi người dùng truy cập trang)

        Bước 4: Thưởng thức thành quả thôi !

       

    Nếu Quý Thầy Cô chỉ cần phát 1 file âm thanh duy nhất trên website thì hãy dùng các file và đoạn code sau:

    -         File âm thanh .mp3

    -         File flash: FMP3.swf

    -         File FlashObject.js

    Link tải về tại cuối bài viết.

        Bước 1: Tải các file trên lên host.

        Bước 2: Sửa các đường dẫn và copy code dưới đây rồi dán vào vị trí cần phát trên website.

    <script type="text/javascript" src=" http://đường_dẫn/thư_mục/FlashObject.js"></script>

              <script type="text/javascript">

              var flashObj = new FlashObject ("http://đường_dẫn/thư_mục/FMP3.swf?mp3=http:// đường_dẫn/thư_mục/tên_file_âm_thanh.mp3&vol=80&action=play&title=Tên_file_âm_thanh

    &color=05FAFF&textcolor=&loop=no&lma=yes", "FMP3", "260", "60", 7, "#FFFFFF", true);

              flashObj.write ("mp3player");

              </script>

     

     -         Đặt “action=play” nếu muốn mở phát tự động hoặc “action=stop” nếu muốn tắt tự động phát.

    -         Thay đổi mã màu cho box tại 05FAFF

        Bước 3: Thưởng thức thành quả thôi !

     Click vào đây để TẢI FILE HƯỚNG DẪN VÀ CÁC FILE LIÊN QUAN

    Thế là Thầy Cô đã có một box nhạc theo kiểu “Made in …tự tui” rồi. Lè lưỡi

    Chúc Quý Thầy Cô VỌC VUI VẺ và THÀNH CÔNG !


    Nhắn tin cho tác giả
    Vũ Ngọc Hải Bằng @ 23:24 22/04/2013
    Số lượt xem: 1134
    Số lượt thích: 0 người
    Avatar

    Hàng mới khui thùng ! Không biết ngượng

     
    Gửi ý kiến