在主页中编制音频播放器

虽然Netscape和IE都支持音频文件的播放,但在制作过程中还是遇到了这样一个问题: 如果用隐藏方式播放则没有声卡的用户要出错,影响主页的整体效果。编一个既便于用户控制又能给页面起到点缀作用的音频播放器不失为一个好办法。下面详细介绍用JavaScript 自编音频播放器的方法。

  1. Netscape的音频播放器

  1)直接打开

  Netscape支持.mid、 .wav和.au等音频文件格式,您可以在浏览器中直接打开上述文件,打开时出现如下图的播放器窗口并自动播放一次,继续播放可单击“PLAY”按钮。

  2)程序调用

  在主页文件中您可以嵌入如下名为MySound的音频控制台来实现隐藏方式下音频文件的自动循环播放:

  〈EMBED SRC=″jn.mid″//源文件名

  HIDDEN=″TRUE″//隐藏方式

  AUTOSTART=″TRUE″//自动播放

  LOOP=″TRUE″//循环播放

  NAME=″MySound″//嵌入对象名

  〈/EMBED〉

  2. JavaScript的音频支持函数

  通过JavaScript的音频支持函数,您可以控制任何一个嵌入在主页中的音频控制台。 JavaScript提供了如下的支持函数:

  play({loop[TRUE,FALSEoranINT]},′{url-to-sound}′)//播放

  pause()//暂停

  stop()//停止播放当前文件

  StopAll()//停止播放所有文件

  start-time({numberofseconds})

  //从第几秒开始

  end-time({numberofseconds})

  //到第几秒结束

  setvol({percentagenumber-without″%″sign})

  //音量百分比控制

  fade-to({volumepercentyouwishtofadeto-withoutthe″%″sign})//削减音量到

  fade-from-to({volumepercentstartfade},{volumepercentendfade})

  //从某个音量值削减到某个音量值

  start-at-beginning()//从文件头开始

  stop-at-end()//到文件尾停止

  下面四个是状态测试函数

  IsReady()//准备状态测试

  IsPlaying()//播放状态测试

  IsPaused()//暂停状态测试

  GetVolume()//获取当前音量值

  3. 应用举例

  下面是一个包含Netscape音频播放器所有五个元素的例子。考虑到有些用户没有声卡,本例中没有设置自动播放。读者可以根据自己的喜好结合鼠标事件将各个元素和测试函数都添加到图形按钮中。程序清单如下:

  〈 HTML〉

  〈 HEAD〉

  〈 TITLE〉音频播放器〈/TITLE〉

  〈 SCRIPTLANGUAGE=JavaScript〉

  〈 !--Writer:YuHaiHe

  functionplaySound(){

  document.firstSound.play(true);

  }

  functionpauseSound(){

  document.firstSound.pause();

  }

  functionstopSound(){

  document.firstSound.stop();

  }

  functionvolup(){

  currentVolume=document.firstSound.GetVolume();

  newVolume=(currentVolume+10);

  if(document.firstSound.GetVolume()==100){

  alert(″音量已经达到最大值″);

  }

  if(newVolume〈101){

  document.firstSound.setvol(newVolume); }

  else

  {

  if((newVolume〈=100)&&(newVolume〉90)){

  document.firstSound.setvol(100);

  } }

  }

  functionvoldown(){

  currentVolume=document.firstSound.GetVolume();

  newvolume=(currentVolume-10);

  if(document.firstSound.GetVolume()==0){

  alert(″音量已经达到最小值″);

  }

  if(newVolume〉0){

  document.firstSound.setvol(newVolume); }

  else {

   if((newVolume〉=0)&&(newVolume〈10)){ document.firstSound.setvol(0); } } }

  //EndofJavaScriptCode--〉

  〈 /SCRIPT〉 〈 /HEAD〉

  〈 BODY〉

  〈 EMBED SRC=″JN.MID″ HIDDEN=TRUE

  AUTOSTART=″FALSE″ LOOP=″TRUE″

  NAME=″firstSound″ MASTERSOUND〉

  〈 P〉〈 AHREF=″javascript:playSound()″〉播放〈 /A〉〈 /P〉

  〈 P〉〈 AHREF=″javascript:pauseSound()″〉暂停〈 /A〉〈 /P〉

  〈 P〉〈 AHREF=″javascript:stopSound()″〉停止〈 /A〉〈 /P〉

  〈 P〉〈 AHREF=″javascript:volup()″〉音量+〈 /A〉〈 /P〉

  〈 P〉〈 AHREF=″javascript:voldown()″〉音量-〈 /A〉〈 /P〉

  〈 /BODY〉 〈 /HTML〉  

时间: 2024-10-03 01:57:06

在主页中编制音频播放器的相关文章

Android App中使用AudioManager类来编写音频播放器_Android

手机都有声音模式,声音.静音还有震动,甚至震动加声音兼备,这些都是手机的基本功能.在Android手机中,我们同样可以通过Android的SDK提供的声音管理接口来管理手机声音模式以及调整声音大小,这就是Android中AudioManager的使用. AudioManager 类位于 android.Media 包中,该类提供访问控制音量和钤声模式的操作   以下分别是AudioManager设置声音模式和调整声音大小的方法.    如何获取声音管理器: AudioManager audioM

与众不同 windows phone (14) - Media(媒体)之音频播放器, 视频播放器, 与 Windows Phone 的音乐和视频中心集成

原文:与众不同 windows phone (14) - Media(媒体)之音频播放器, 视频播放器, 与 Windows Phone 的音乐和视频中心集成 [索引页][源码下载] 与众不同 windows phone (14) - Media(媒体)之音频播放器, 视频播放器, 与 Windows Phone 的音乐和视频中心集成 作者:webabcd 介绍与众不同 windows phone 7.5 (sdk 7.1) 之媒体 音频播放器 视频播放器 与 Windows Phone 的音乐

PS制作精美音频播放器界面

教程就是教大家用Photoshop创建一个时髦音频播放器界面,也是新勺网特别推荐给大家的一个教程,教程中的高光处理是重点,也是一些常用软件界面制作的处理方法.希望对大家有所帮助. 最终效果: 教程需要素材: Spiderman Pattern 步骤 1 创建一个 600×400 px的图层. 步骤 2 使用放射式渐变填充背景,颜色设置为#5e6c78 --#20282e 步骤 3

HTML5制作酷炫音频播放器插件图文教程

  上图便是这个音频播放器的UI界面图,里面还隐藏了一个歌曲的播放列表.整个播放器的UI除了大背景的人像图和歌曲的星星评分使用了图片其他全部由CSS和font-face绘制而成,看上去有难度的地方就只有CD和打碟器的制作了,在歌曲播放时CD和打碟器都是具有动画交互效果的,这个在后面的部分会讲解到.点击播放器的CD可以打开播放列表噢~ 因为这一期的教程主要是为了展示Html5新增的<audio>标签和audio元素的Dom API的使用,所以播放器UI的绘制在这里就不详细解释了,有疑问的可以自行

IOS开发之简单音频播放器

        今天第一次接触IOS开发的UI部分,之前学OC的时候一直在模拟的使用Target-Action回调模式,今天算是真正的用了一次.为了熟悉一下基本控件的使用方法,和UI部分的回调,下面开发了一个特别简易的音频播放器,来犒劳一下自己这一天的UI学习成果.在用到UI的控件时如果很好的理解之前博客在OC中的Target-Action回调模式,感觉控件的用法会很顺手.下面的简易播放器没有用到多高深的技术,只是一些基本控件和View的使用.         话不多说简单的介绍一下今天的音频播

foobar2000 v1.1.2 beta4发布 多功能的音频播放器

foobar2000是由以前专门为Winamp写插件的 http://www.aliyun.com/zixun/aggregation/29867.html">Peter Pawlowski 编写的一个革命性的高级音频播放器.foobar2000之所以出现在于他不满于Winamp 2.x的插件体系架构和更倾向于图形.皮肤的发展方向的Winamp3 .foobar2000值得关注的在于他良好的体系架构.除了重要的音频管道以外,6186.html">播放器所有功能部件均是模块化

Android-Frame布局,UI布局切换,录音,照相机,影音播放器,音频播放器

<FrameLayout anroid:layout_weight="1">          <ImageView android:scaleType="fitCenter"/>          //没有标题栏 requestWindowFeature(Window.FEATURE_NO_TITLE);   //全屏显示(隐藏掉状态栏) //在setContentView之前调用getWindow().addFlages(WindowMa

foobar2000-什么原因才能让音频播放器导致锁屏死机呢

问题描述 什么原因才能让音频播放器导致锁屏死机呢 用foobar2000,某个版本有时就会出现死机的问题 以前我在另一台电脑上用XP还没有问题的,现在的PC装的win7 32位,用这个版本配置就会死机 症状是整个显示器锁死不动,任何操作停止,但播放器还在继续播放,不过当前的这首歌播放完之后就没音了 应该不是资源管理器的问题,任务管理器无法启动,ctrl+alt+del直接连歌都不播放了... 硬件方面的话,换了硬盘还是这样,总不会是CPU之类的吧? 应该还是软件配置本身的问题,其他配置版本也不会

Quod Libet一款很简洁的音频播放器

Gnome下的一款很简洁的http://www.aliyun.com/zixun/aggregation/12471.html">音频播放器.插件比较齐全,而且有修改标签的插件,方便处理标签中文乱码的情况.另外,Quod Libet不像一些6186.html">播放器那样,需要把所有的音乐都导入一个8637.html">音乐库中,而是在软件的左侧有一个文件夹树,用户可以选择播放文件夹中的音乐,可以满足一些用户的需要. Quod Libet是一个使用GTK++