{"id":826,"date":"2022-05-29T12:09:37","date_gmt":"2022-05-29T04:09:37","guid":{"rendered":"https:\/\/benson.ml\/?p=826"},"modified":"2022-05-29T12:17:30","modified_gmt":"2022-05-29T04:17:30","slug":"html5-%e4%b8%ad-audio-%e8%ae%be%e7%bd%ae-autoplay-%e4%bb%8d%e6%97%a0%e6%b3%95%e8%87%aa%e5%8a%a8%e6%92%ad%e6%94%be%e9%9f%b3%e9%a2%91%e7%9a%84%e8%a7%a3%e5%86%b3%e5%8a%9e%e6%b3%95","status":"publish","type":"post","link":"https:\/\/benson80.eu.org\/?p=826","title":{"rendered":"html5 \u4e2d audio \u8bbe\u7f6e autoplay \u4ecd\u65e0\u6cd5\u81ea\u52a8\u64ad\u653e\u97f3\u9891\u7684\u89e3\u51b3\u529e\u6cd5"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">\u95ee\u9898\u5f15\u51fa<\/h2>\n\n\n\n<p>\u5728\u6d4b\u8bd5\u4e2d\uff0c\u53d1\u73b0<code>audio<\/code>\u8bbe\u7f6e<code>autoplay<\/code>\u5c5e\u6027\uff0c\u9875\u9762\u52a0\u8f7d\u5b8c\u6210\u65e0\u6cd5\u81ea\u52a8\u64ad\u653e\u97f3\u9891\uff0c\u5f88\u662f\u8d39\u89e3\u3002<br>\u4ee3\u7801\u5982\u4e0b\uff1a<\/p>\n\n\n\n<p>&lt;audio preload autoplay loop id=&#8221;vd&#8221;&gt;<\/p>\n\n\n\n<p>&lt;source src=&#8221;Dream It Possible.mp3&#8243; type=&#8221;audio\/mpeg&#8221;&gt;<\/p>\n\n\n\n<p>&lt;\/audio&gt;<\/p>\n\n\n\n<p>\u5982\u679c\u6709\u54ea\u4f4d\u5927\u795e\u77e5\u9053\u4e3a\u4ec0\u4e48\u5c5e\u6027\u90fd\u8bbe\u7f6e\u4e86\u8fd8\u65e0\u6cd5\u81ea\u52a8\u64ad\u653e\uff0c\u8fd8\u8bf7\u6307\u6559\u3002<\/p>\n\n\n\n<p>\u5173\u4e8ehtml5\u4e2d<code>audio<\/code>\u7684\u7528\u6cd5\u53c2\u89c1\uff1a\u83dc\u9e1f\u6559\u7a0b\uff1a<a href=\"https:\/\/www.runoob.com\/tags\/tag-audio.html\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/www.runoob.com\/tags\/tag-audio.html<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u77e5\u8bc6\u70b9<\/h2>\n\n\n\n<p><code>audio<\/code>\u4e0d\u5355\u5355\u662f\u4e2a\u6807\u7b7e, \u4e5f\u662fwindow\u4e0b\u7684\u4e00\u4e2a\u5bf9\u8c61\uff0c\u5bf9\u8c61\u5c31\u6709\u5c5e\u6027\u548c\u65b9\u6cd5\u3002<br><strong>\u5bf9\u8c61\u5c5e\u6027<\/strong>\uff1a<\/p>\n\n\n\n<p>currentTime \u83b7\u53d6\u5f53\u524d\u64ad\u653e\u65f6\u95f4<br>duration \u83b7\u53d6\u6b4c\u66f2\u7684\u603b\u65f6\u95f4<br>play \u662f\u5426\u5728\u64ad\u653e \u8fd4\u56detrue\/false<br>pause \u662f\u5426\u6682\u505c \u8fd4\u56detrue\/false<\/p>\n\n\n\n<p><strong>\u5bf9\u8c61\u65b9\u6cd5<\/strong>\uff1a<\/p>\n\n\n\n<p>play() \u64ad\u653e\u6b4c\u66f2<br>pause() \u6682\u505c\u6b4c\u66f2<br>load()\u91cd\u65b0\u52a0\u8f7d\u6b4c\u66f2<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u89e3\u51b3\u65b9\u6848<\/h2>\n\n\n\n<p>\u8fd9\u91cc\u63d0\u4f9b\u4e00\u79cd\u89e3\u51b3\u65b9\u6848\uff1a<br>\u5728\u9875\u9762\u52a0\u8f7d\u5b8c\u6210\u540e\u6267\u884cjs\u51fd\u6570\uff0c\u5224\u65ad<code>audio<\/code>\u6807\u7b7e\u7684\u5bf9\u8c61\u662f\u5426\u5728\u64ad\u653e\uff0c\u6ca1\u64ad\u653e\u7684\u8bdd\u6267\u884c<code>play()<\/code>\u65b9\u6cd5\u3002<br>\u5177\u4f53\u4ee3\u7801\u5982\u4e0b\uff1a<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"641\" height=\"290\" src=\"https:\/\/benson.ml\/wp-content\/uploads\/2022\/05\/image-24.png\" alt=\"\" class=\"wp-image-833\" srcset=\"https:\/\/benson80.eu.org\/wp-content\/uploads\/2022\/05\/image-24.png 641w, https:\/\/benson80.eu.org\/wp-content\/uploads\/2022\/05\/image-24-300x136.png 300w, https:\/\/benson80.eu.org\/wp-content\/uploads\/2022\/05\/image-24-421x190.png 421w\" sizes=\"auto, (max-width: 641px) 100vw, 641px\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>\u95ee\u9898\u5f15\u51fa \u5728\u6d4b\u8bd5\u4e2d\uff0c\u53d1\u73b0audio\u8bbe\u7f6eautopl &hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[14],"tags":[],"class_list":["post-826","post","type-post","status-publish","format-standard","hentry","category-html"],"_links":{"self":[{"href":"https:\/\/benson80.eu.org\/index.php?rest_route=\/wp\/v2\/posts\/826","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/benson80.eu.org\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/benson80.eu.org\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/benson80.eu.org\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/benson80.eu.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=826"}],"version-history":[{"count":5,"href":"https:\/\/benson80.eu.org\/index.php?rest_route=\/wp\/v2\/posts\/826\/revisions"}],"predecessor-version":[{"id":834,"href":"https:\/\/benson80.eu.org\/index.php?rest_route=\/wp\/v2\/posts\/826\/revisions\/834"}],"wp:attachment":[{"href":"https:\/\/benson80.eu.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=826"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/benson80.eu.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=826"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/benson80.eu.org\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=826"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}