liweikui
liweikui
  • 发布:2015-03-31 17:55
  • 更新:2015-10-28 12:29
  • 阅读:2249

音频播放在不同的浏览器上表现不一样,请教。

分类:HTML5+

我写了一个简单小程序,实现12个小音频文件的顺序播放(代码如下),有如下几个问题:

  1. 在HBuilder中,选择chrome和IE浏览器都可以正常播放,没有问题,但是在我的手机上运行却只能播放第一个音频,这是为什么?
  2. 我把alert(i 1);这个语句加上去后,在我的手机上就可以正常播放了,为什么?
  3. 我也曾遇到过其他程序在IE中可以正常播放,但在chrome中却播放有问题情形(在play()后面加上一个alert()也没有问题了),是不是html5的audio特性,在不同的浏览器上有些会表现不一致,大家是否遇到过?

<body>
<input type="button" id="start" value="START" onclick="monthPlay()"/>
<audio src="audio/January.mp3"></audio>
<audio src="audio/February.mp3"></audio>
<audio src="audio/March.mp3"></audio>
<audio src="audio/April.mp3"></audio>
<audio src="audio/May.mp3"></audio>
<audio src="audio/June.mp3"></audio>
<audio src="audio/July.mp3"></audio>
<audio src="audio/August.mp3"></audio>
<audio src="audio/September.mp3"></audio>
<audio src="audio/October.mp3"></audio>
<audio src="audio/November.mp3"></audio>
<audio src="audio/December.mp3"></audio>
</body>

<script type="text/javascript">  
            //延时函数  
    function sleep(sleepTime) {  
        for(var start = Date.now(); Date.now() - start <= sleepTime; ) { }  
    }  

    //播放音频  
    function monthPlay() {  
        var months = document.getElementsByTagName("audio");  
        for (var i=0; i<months.length; i  ) {  
            months[ i ].play();  
                            //alert(i 1);  
            //延时2秒  
            sleep(2000);  
        }  
    }  
</script>
2015-03-31 17:55 负责人:无 分享
已邀请:
liweikui

liweikui (作者)

在这里附上代码后,最后的样子怎么有些字符被转换了??这个问答系统对代码字符处理有问题?

GogoCao

GogoCao

其实只要一个audio标签,然后通过js切换下面的 source src属性就行

该问题目前已经被锁定, 无法添加新回复