重新加载页面时功能停止正常工作Web Audio API

问题描述

我还有下一个增加音量的功能:

const amplifyMedia = (mediaElem,multiplier) => {
   const context = new (window.AudioContext || window.webkitAudioContext),result = {
         context: context,source: context.createMediaElementSource(mediaElem),gain: context.createGain(),media: mediaElem,amplify: function(multiplier) { result.gain.gain.value = multiplier; },getAmpLevel: function() { return result.gain.gain.value; }
       };
   result.source.connect(result.gain);
   result.gain.connect(context.destination);
   result.amplify(multiplier);
   return result;
}

amplifyMedia(elements.audioElement,10);

我将音乐下载到我的网站上,如果没有amplifyMedia(),则html5音频标签可以正常工作,如果添加此功能,则默认音频标签UI会变为活动状态,但不起作用。.播放/暂停图标更改,不播放,停留在某一点(我也可以改变时间)。如果我删除功能,则在没有音乐的情况下下载音乐(标签可以正常工作),稍后添加我的功能,功能将正常工作并放大音量。下次重新加载-音频标签处处于活动状态,但不是功能性UI,该功能无效:)

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)