{"id":889,"date":"2019-03-05T22:52:35","date_gmt":"2019-03-05T14:52:35","guid":{"rendered":"https:\/\/www.jarvisw.com\/?p=889"},"modified":"2019-03-05T23:13:01","modified_gmt":"2019-03-05T15:13:01","slug":"html5%e4%b8%adaudio%e5%85%83%e7%b4%a0%e5%9c%a8chrome%e4%b8%ad%e8%87%aa%e5%8a%a8%e6%92%ad%e6%94%be%e6%8a%a5%e9%94%99uncaught-in-promise%e7%9a%84%e8%a7%a3%e5%86%b3%e6%96%b9%e6%b3%95","status":"publish","type":"post","link":"https:\/\/www.jarvisw.com\/?p=889","title":{"rendered":"HTML5\u4e2dAudio\u5143\u7d20\u5728chrome\u4e2d\u81ea\u52a8\u64ad\u653e\u62a5\u9519Uncaught (in promise) DOMException\u7684\u89e3\u51b3\u65b9\u6cd5"},"content":{"rendered":"\n<p>\u3000   \u4e4b\u524d\u5199\u90a3\u7bc7\u300aforget-me-not\u300b\u6587\u7ae0\u7684\u65f6\u5019\uff0c\u8981\u63d2\u80cc\u666f\u97f3\u4e50\uff0c\u53d1\u73b0\u8981\u8ba9\u9875\u9762\u6253\u5f00\u5c31\u81ea\u52a8\u64ad\u653e\u97f3\u4e50\u4f3c\u4e4e\u4e0d\u884c\uff0cHTML5\u4f7f\u7528\u7684audio\u6807\u7b7e\u867d\u7136\u53ef\u4ee5\u7528js\u7684play\u65b9\u6cd5\u89e6\u53d1\u64ad\u653e\uff0c\u4f46\u6211\u8bd5\u4e86\u5f88\u591a\u6b21\u90fd\u4e0d\u884c\uff0c\u6bcf\u6b21\u6253\u5f00\u7f51\u9875\u5e76\u6ca1\u6709\u64ad\u653e\uff0cF12\u770b\u5230Chrome\u62a5\u4e86Uncaught (in promise) DOMException\u8fd9\u4e2a\u5f02\u5e38\uff0c\u4e00\u76f4\u4e0d\u77e5\u9053\u548b\u56de\u4e8b\uff0c\u7136\u800cEdge\u548cIE\u662f\u6b63\u5e38\u64ad\u653e\u7684\u3002<\/p>\n\n\n\n<p>\u3000\u3000\u540e\u6765\u67e5\u4e86\u4e00\u4e0bGoogle\u5b98\u65b9\u7684\u6587\u6863\uff0c\u89c1\u8fd9\u91cc\uff1a<\/p>\n\n\n\n<p><a href=\"https:\/\/developers.google.com\/web\/updates\/2017\/09\/autoplay-policy-changes\">https:\/\/developers.google.com\/web\/updates\/2017\/09\/autoplay-policy-changes<\/a><\/p>\n\n\n\n<p>\u3000\u3000\u5927\u81f4\u8bf4\u7684\u610f\u601d\u662f\u4ece2018\u5e744\u6708\u5f00\u59cb\uff0cchrome\u7684\u81ea\u52a8\u64ad\u653e\u7b56\u7565\u6539\u53d8\u4e86\uff0c\u4e3a\u4e86\u51cf\u5c11\u5bf9\u7528\u6237\u7684\u6253\u6270\uff0c\u6240\u4ee5\u8981\u89e6\u53d1\u64ad\u653e\u97f3\u4e50\uff0c\u7528\u6237\u5fc5\u987b\u5148\u548c\u9875\u9762\u4ea4\u4e92\u624d\u884c\uff0c\u8c8c\u4f3cChrome\u53ea\u652f\u6301\u70b9\u51fb\u3002\u597d\u5427\uff0c\u771f\u7684\u662f\u5751\u7239\u7684\u8bbe\u5b9a\u3002\u6240\u4ee5\uff0c\u5982\u679c\u8981\u81ea\u52a8\u64ad\u653e\u7684\u8bdd\uff0c\u9700\u8981\u5148\u7b49\u5f85\u4e00\u4e2a\u4ea4\u4e92\u4e8b\u4ef6\uff1a<\/p>\n\n\n\n<pre><pre class=\"brush: xml; title: ; notranslate\" title=\"\">\n&lt;audio loop autoplay=&quot;autoplay&quot; id=&quot;bgMusic&quot; src=&quot;xxx.mp3&quot;&gt;  \n&lt;script&gt;\nvar audio = document.getElementById(&quot;bgMusic&quot;);\ndocument.addEventLisener('click',()=&gt;{\n   audio.play();\n});\n&lt;\/script&gt;\n<\/pre><\/pre>\n\n\n\n<p>\u3000\u3000\u8fd9\u6837\u7684\u8bdd\u53ea\u8981\u7528\u6237\u6253\u5f00\u9875\u9762\u70b9\u51fb\u4efb\u610f\u4f4d\u7f6e\uff0c\u5c31\u4f1a\u81ea\u52a8\u64ad\u653e\u4e86\uff0c\u4e0d\u81f3\u4e8e\u62a5\u5f02\u5e38\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u3000 \u4e4b\u524d\u5199\u90a3\u7bc7\u300aforget-me-not\u300b\u6587\u7ae0\u7684\u65f6\u5019\uff0c\u8981\u63d2\u80cc\u666f\u97f3\u4e50\uff0c\u53d1\u73b0\u8981\u8ba9\u9875\u9762\u6253\u5f00\u5c31\u81ea\u52a8\u64ad\u653e\u97f3\u4e50\u4f3c\u4e4e\u4e0d\u884c\uff0c [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[176,175,177],"class_list":["post-889","post","type-post","status-publish","format-standard","hentry","category-web","tag-audio","tag-html5","tag-177"],"_links":{"self":[{"href":"https:\/\/www.jarvisw.com\/index.php?rest_route=\/wp\/v2\/posts\/889","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.jarvisw.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.jarvisw.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.jarvisw.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jarvisw.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=889"}],"version-history":[{"count":9,"href":"https:\/\/www.jarvisw.com\/index.php?rest_route=\/wp\/v2\/posts\/889\/revisions"}],"predecessor-version":[{"id":898,"href":"https:\/\/www.jarvisw.com\/index.php?rest_route=\/wp\/v2\/posts\/889\/revisions\/898"}],"wp:attachment":[{"href":"https:\/\/www.jarvisw.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=889"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.jarvisw.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=889"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.jarvisw.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=889"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}