html页面音频加载太慢,html页面的音频问题

本文探讨了在HTML页面中处理音频循环播放的问题,详细介绍了原有实现方式的不足,即无法停止音频播放,以及如何通过改进实现音频的精确控制,包括停止和切换。通过设置currentTime为0并使用setTimeout实现循环,解决了之前依赖于短音频和clearInterval的问题。
摘要由CSDN通过智能技术生成

导火线 : 负责了项目中的话务间模块,处理音频出了一点问题

之前的处理 :

//循环播放声音

var dialAudioDocument = document.createElement('audio'); //这是拨号的声音(这里只写了一个音频)var dialSource = document.createElement('source');

dialSource.type= "audio/mpeg";

dialSource.type= "audio/mpeg";

dialSource.autoplay= "autoplay";

dialSource.controls= "controls";

url : 表示音频路径,flag : 一个标识,来电还是拨出,audio : 表示上面的dialAudioDocument, source : 上面的dialSourcefunctionplayAudio(url, flag, audio, source) {

console.log(url);    注 : 这个的音频要借助source才能播放,并且没有方法让他停止(原因不详)

console.log(flag);

console.log(audio);

console.log(source);

source.src=url;

audio.appendChild(source);

audio.play();if (flag == "dial") {

dialAlert= setTimeout("playAudio('" + url + "',

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值