我写了一个简单小程序,实现12个小音频文件的顺序播放(代码如下),有如下几个问题:
- 在HBuilder中,选择chrome和IE浏览器都可以正常播放,没有问题,但是在我的手机上运行却只能播放第一个音频,这是为什么?
- 我把alert(i 1);这个语句加上去后,在我的手机上就可以正常播放了,为什么?
- 我也曾遇到过其他程序在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>
2 个回复
liweikui (作者)
在这里附上代码后,最后的样子怎么有些字符被转换了??这个问答系统对代码字符处理有问题?
GogoCao
其实只要一个audio标签,然后通过js切换下面的 source src属性就行