zoukankan      html  css  js  c++  java
  • 推荐美丽的flash网页MP3音乐播放器

    文章来源:PHP开发学习门户

    地址:http://www.phpthinking.com/archives/491


    在网页制作中。假设想在网页中插入mp3音乐来增添网页的互动感,提升用户体验度,这个时候网页音乐播放器就非常有必要了。一般的情况下假设用背景音乐播放的话有几个非常不友好的地方

    1.随网页载入就播放,用户不能暂停。停止播放

    2.一般浏览器兼容性差。非常少能通用所有浏览器

    所以一款基于flash的网页音乐播放器就非常有必要了。

    他有下面一些长处

    1.浏览器兼容性好。如今一般的主流浏览器都支持flash

    2.能够暂停。停止播放,也能够通过參数设置自己主动播放

    3.样式美丽。

    美观慷慨

    先来一张播放器图

    来一个示范:

    当然还有非常多样式。详情请进入DEMO:

    http://www.linzl.com/demos/2012/dewplayer/


    网页mp3音乐播放器用法:

    HTML:

    <object type="application/x-shockwave-flash" data="dewplayer.swf?

    mp3=mp3/test1.mp3" width="200" height="20" id="dewplayer"> <param name="wmode" value="transparent" /> <param name="movie" value="dewplayer.swf?

    mp3=mp3/test1.mp3" /> </object>

    当中:

    dewplayer.swf

    是播放器的路径,一定要对

    mp3=mp3/test1.mp3

    这个MP3=后面这个就是mp3地址。

    能够是绝对。也能够是相对地址

    參数:

    Options

    默认音量 volume=100 一般在0-100之间
    自己主动播放 autostart=true 是否在网页载入完后就自己主动播放
    循环播放 autoreplay=true 循环播放音乐
    随机播放 randomplay=true 有多个mp3能够随机播放
    显示时间 showtime=true 显示播放时间
    禁用鼠标 nopointer=true 禁用光标到播放器
    播放列表 xml=playlist.xml 载入XML播放列表(XSPF格式)播放器,能够载入多个文件
    渐变 fading=3 无间隙(秒)之间的一个音轨,而下一个播放器,能够支持渐变

    播放器參数用法:

    http://www.linzl.com/demos/2012/dewplayer/mp3/test1.mp3&amp;autostart=1&amp;showtime=1&amp;
    nopointer=1&amp;volume=50

    完整版也就是:

    <object type="application/x-shockwave-flash" data="http://www.linzl.com/demos/2012/dewplayer/
    dewplayer.swf" width="200" height="20" id="dewplayer" name="dewplayer"> 
    <param name="wmode" value="transparent" />
    <param name="movie" value="http://www.linzl.com/demos/2012/dewplayer/
    dewplayer.swf" /> 
    <param name="flashvars" value="mp3=http://demo.linzl.com/demos/2012/dewplayer/mp3/
    test1.mp3&amp;autostart=1
    &amp;showtime=1&amp;nopointer=1&amp;volume=50" /> 
    </object>

    flash网页MP3播放器下载地址:

    http://www.phpthinking.com/archives/491

  • 相关阅读:
    Design and Analysis of Algorithms_Decrease-and-Conquer
    TCPL 札记
    谬论:64 = 65?
    二叉树内部顶点与外部顶点在数量上的关系
    Design and Analysis of Algorithms_Divide-and-Conquer
    LeetCode 36. Valid Sudoku
    LeetCode 58. Length of Last Word
    LeetCode 66. Plus One
    LeetCode 67. Add Binary
    LeetCode 70. Climbing Stairs
  • 原文地址:https://www.cnblogs.com/mthoutai/p/7136854.html
Copyright © 2011-2022 走看看