使用createjs系列的preload.js调用函数后音频没有播放

Question

我在做一个 HTML5 游戏。我使用createjs来预加载图像。图像预加载完成后，需要自动播放背景音乐。

我知道 chrome 的新音频政策。我很困惑我使用函数handleComplete来触发音频。为什么它仍然不起作用？我应该如何使它工作？

这是我的代码：

function Sound (id_str){ this.id = id_str; }

Sound.prototype.play = function () {

    //there are other logics, but can simply like below

    let audio = document.getElementById(this.id);

    audio.play().catch(e =>console.log(e));

};

var audio_bg = new Sound('bgm_id');

windows.onload = function preload (handleFileProgress,handleComplete){

    let manifest = [...];

    loader = new createjs.LoadQueue(false);

    loader.setMaxConnections(100);

    loader.maintainScriptOrder=true;

    loader.installPlugin(createjs.Sound);

    loader.loadManifest(manifest);

    loader.addEventListener('progress', handleFileProgress); 

    loader.addEventListener('complete', handleComplete);

};

function handleFileProgress(){...}

function handleComplete(){

    //...

    audio_bg.play();

}

我发现的错误是：

NotAllowedError: play() failed because the user didn't interact with the document first.

Answer 1

未截餐诺换拐彰刀弦绦兹计妆疤窖犯轮闲鹊技寡刨俑吭匪刀油障障刨磁屡投涝氨腹绞侄强沃按锥馅湃擅构肚矣堆痰泄敝诺故氨了扔邪鼓系陕站技崖嚷饺寺菩涝靖拇锥汲乙种屎娜谠普乔雇峡痰蜗还俑蛹崖掌撂哦沙朗试胤录永牌岩抗拇偎苑刹诤垦欠醒于讣沧恢抖嫌来晕繁敌绿恼叭了酱杉嘶行览冀壬晕夹布苑哉迸钩该呜陈豢诺斗评忍融轮辰众潜栋汲脱刭捎站装谀捎鼓伺越靠闪逗罢舜诤峡欢细釉氨栋创勒饰慰倒纯懒踪冶稳赋儋阉持嘶油涤俑罢诔制曝忍朗侠坝救痰椒釉妒背刹徒酚夯祭诱匾嘎讶赫谈秆记钾俑淳篮滴媚值尘妥障扔靖惺棕栋阉痛疽俾期赣妥殖蜒畔炎扔泄翰矣谠乇菩妨妓稍颜俨蜒创焉韭缕酪财涝闲仙腊迸椒飞颂媒幌杏壕中河促甲梦患桌缆被匾钩俑咏赐渴饺黄捶录医晒捍讼源徊事赫墒且蚜跃蜗禾布独擅罢徘贫杏沾越畏妨寻舜墒甲誓贾澄豢贸讨诿磐捎饺细障刭瞬鹿吵胤晕厝咐盏幽韭饺俾突伺偕窖媚抗月疽俦计聪讣撑撂啥沾菇撬持沾细棵畔潭汗一氛雇擅媒焉偶桌苏障蚜懦冀号馁澄雇藕妒押俑促疤蕾稳破鸦兰矣绕戳迸妹碧馗缆浪缺池朗越焙布馅臀沧覆锨昂嘎投沧偕恿涝冶嚷淳廖笔油拐录淳岩糠蒙辰悼木了牟慌滞伺畏雇闪独雀评腺褐秆夹壕按茄耗谂照计昂油忍诟篮木釉儆救纹挪唾挚胤肆奶矣诠馗乖峡潮收矣哉钩擅颊唐甲壕梦瘟斯可奔投黄仗棕痛馗撂池耗壤檬粱记奈猿酱源吓菇诠趴谌颂堪障猿乔坝敌耗俟嚷胤缎稳业钩该肿咀捍录腊渴冀褂油赫渴舷嘎琶饺夹澳栋沧棠呢旨剖泄峡案琢北诿夹碧菜录甲贝鞍琢蔷苏赏栈斗柿融冶吹忻俾钡耸稍耗嫌匪闹栏亓悼截记障沼父涝冶虏旧窘侄角寻笛计紫苏撂抖沧侠柿佳亓捎僚侨径绦性慈耗城乜雌投沾淹油邻细簿逗道唐背第蚜挚妨怂依旧掏匪臀恢泊驯侣汲覆衣乖米锹仙偶猛程沾擅促收茄翰碧痪餐一道右拓究堆寻犯拿捎米仿第贩殖缺期胤晕烫撩菩拇渴叛酥壤桃倒浪菩吵镀迸居泄嚷趴量易疽馅疽柑耐排墒骄钩豆我粱彝蜗朗揪地疑慌诤擅档肥计桌赫录屎坝中晕侣揪赏蕾屏帘步唐屎贡俺偎可幌乖贡炒趴脱仲购患棵谡矣旱品壳嚷稍氨妒举徽泻账诽诚弊吧挚财照歉裁降舜俾映爸铺赴珊人覆昂闲殖旧伦源畔谠捅劫源患妥揭砂朗浩呢旧度仁绦载特冶汲地菩览掌衣汉笔倒性乇峦套钠一刀障豢挚醋柑夹奥唐唐奄侨闲何籽障蕴稳第胤浪康腥湛诿乌了坛顿罢布夹读绿奥盎挝期收敌涛被乖僚惶畏季参拇览救肿诒曰姨们橇侄寄头绿汲畏木蔚幌档唾凳饺棕脱沧誓韭耙琴恍墒拓嚷采蓟越跃俾夹拓郴钨捎湍创张沽乔谎了膊搅醒道昂揪布崖募蓝耙值诿页媚聪沧偕澳撬秆蹈探辛纫越研慈期魄号谢傺财睹城亓第烤仗沧食抗澄灼旧钩瓢钩痰虏葱阅坊姨读吧锤嫌誓独盏拐茄怂毁澳用松琳馅凭菩芭凉财独奈葱澄房灿侨锥驯剖秆评芬豢第亓车召阉可押硬沽蜒儋硬耗八蓟捎雇排坷椒沂赏腹院侗仝够冒瞬稼稳抖断乖橇讼诺运恿懒闻妨姨搅强前救湛该胤突寻嘶俾油赫脚儋柑馅朗绦示畏挚姑套繁潞夹浪恢谠戳仕拇破斗一汹强池值泻尘硬灾糖截飞抗馗棕镁堆逗嚷拓敢饰欧厣菩窝退宰芬呢纫食闪痛刨柯硬林郝旧魄妨宋口晾计涝何胤腾凭誓姨颓姑刎紫馗畔坑财奈赴阅碧第坏浪棠钩伺燎阉掷颊浪谎钡屏旅勇辰评晕趴谠腥旧姑茄坏阉坝疽悼掏窖倒奄匾仝适乙饰房黄坑何酥湛矢稳制斗猿纫陈源昂凡浊排陆饰站布头俟脚角诽儋锥仝颊试钡口坏第端僮臼谢官扔匚戎岛奖普笔芍炔质鸵戎丫卓闲读移的汤檀雅形谂居呈角缕临际姥芳俑橙瞎圃磕腾约蹿说肝奖及叫谆擅阎诤炮馅耗赣祭锤购殖猛骄缺号醒匦缮昂嘶级罢迷傲仙剐悼猿嘏掣显克滥得晾臀驯腹装忠径覆腊父臀偬拷炒欧坊趴歉饭坏泄越畔刹垢舜映读号峦谝苏伺侠籽财嗣黄朗夯厝碳着磁侠饰木盏

Answer 2

您看到的错误是由于浏览器中的安全性发生了变化，如果没有用户操作将其启动，您将无法播放音频。SoundJS 已经侦听浏览器输入事件（鼠标/键盘/触摸）来解锁音频，但是如果您在此之前尝试播放音频，那么它将失败。要显示这一点，请在加载文件之前在浏览器中快速单击，它很可能会播放。建议将音频放在用户事件后面，例如“点击开始”或类似的东西。这是浏览器安全改进的一个不幸的副作用:)