java js前端请求后台去获得音频流，然后播放音乐，音乐可以控制进度，显示总时长

JavaScript012

java js前端请求后台去获得音频流，然后播放音乐，音乐可以控制进度，显示总时长,第1张

AudioCLip主要的方法有：play()播放依次声音；loop()循环播放音乐；stop()停止播放。做法一：InputStreamis=nullAudioStreamas=nullis=getClass().getResourceAsStream("a.wav")try{as=newAudioStream(is)}catch(IOExceptione){}AudioPlayer.player.start(as)此方法将音乐文件放入流中在播放，仅限于JavaApplication，容易报错，空指针异常，或者是流异常，不推荐。做法二：Stringmusic="a.wav"AudioClipclip=Applet.newAudioClip(getClass().getResource(music))次方法在Applet中运行没有问题，但是Application中getclass()会返回空指针，导致失败。推荐做法：privateURLurlprivateAudioClipacFilef1=newFile("C:/3.wav")try{url=f1.toURL()}catch(MalformedURLExceptione){//TODOAuto-generatedcatchblocke.printStackTrace()}ac=Applet.newAudioClip(cb1)ac.play()

1、JS播放音乐需要区分浏览器，来使用不用的对象来播放音乐

2、在播放控制上要有【播放】和【停止】来控制音乐的播放

基于以上思路，代码如下：

<SCRIPT type="text/javascript">  

if(-1 != navigator.userAgent.indexOf("MSIE"))

{

    //不是微软IE浏览器，则调用Flash来播放音乐

    document.write(' <OBJECT id="Player"')  

    document.write(' classid="clsid:6BF52A52-394A-11d3-B153-00C04F79FAA6"')

    document.write(' width=0 height=0 > <param name="URL" value="a.mp3" /> <param name="AutoStart" value="false" /> </OBJECT>')  

}  

else  

{

    //是微软IE浏览器，则调用微软的Player对象来直接播放音乐

    document.write(' <OBJECT id="Player"')  

    document.write(' type="application/x-ms-wmp"')  

    document.write(' autostart="false" src= "a.mp3" width=0 height=0> </OBJECT>')  

}  

</SCRIPT>  

<input type=button value="播放" onclick="Player.controls.play()" />

<input type=button value="停止" onclick="Player.controls.stop()" />

其实很简单，在要显示的位置插入一个播放器，在dw软件上面可以通过插入多媒体做到，设置循环。第二步，新建一个歌曲列表，txt文件，一行一个歌曲地址。保存为XXXXX.m3u (X为任意数字字母），然后设置多媒体音乐只想此m3u列表就可以啦，代码那些是在记不住，相信你可以办到的。