{"id":5427,"date":"2018-12-20T15:06:47","date_gmt":"2018-12-20T07:06:47","guid":{"rendered":"https:\/\/blog.hoyo.idv.tw\/?p=5427"},"modified":"2023-02-23T17:40:23","modified_gmt":"2023-02-23T09:40:23","slug":"hoyo-%e6%95%99%e4%bd%a0-web-audio-api-01-%e5%be%9e-html5-tag-%e9%96%8b%e5%a7%8b%ef%bc%8c%e8%ae%93%e8%87%aa%e5%b7%b1%e7%9a%84%e9%9f%b3%e6%a8%82%e5%be%9e%e7%b6%b2%e9%a0%81%e6%92%ad%e6%94%be","status":"publish","type":"post","link":"https:\/\/blog.hoyo.idv.tw\/?p=5427","title":{"rendered":"Hoyo \u6559\u4f60\u7db2\u9801\u64ad\u653e\u97f3\u6a02\u5e73\u53f0 \u2013 01. \u5f9e HTML5 Tag \u958b\u59cb\uff0c\u8b93\u97f3\u6a02\u5f9e\u7db2\u9801\u64ad\u653e"},"content":{"rendered":"<p>Hoyo \u6559\u4f60 Web Audio API \u7cfb\u5217\u76ee\u6a19\u662f\u6559\u540c\u5b78\u5982\u4f55\u5efa\u7acb\u81ea\u5df1\u7684\u97f3\u6a02\u4e32\u6d41\u5e73\u53f0<\/p>\n<ul>\n<li>RWD\uff0c\u8de8\u5e73\u53f0<\/li>\n<li>\u4e32\u6d41<\/li>\n<li>\u5b58\u53d6\u63a7\u7ba1\uff0c\u4ed8\u8cbb\u5167\u5bb9\u6216\u662f\u96b1\u79c1\u4e0d\u516c\u958b<\/li>\n<li>\u9ede\u4e00\u6b21\u64ad\u653e\u807d\u4e00\u6574\u5929<\/li>\n<li>\u641c\u5c0b\u6b4c\u66f2\uff0c\u5206\u985e\u3001\u6b4c\u624b\u3001\u66f2\u76ee\u540d\u7a31<\/li>\n<li>\u9304\u97f3<\/li>\n<\/ul>\n<p>--<\/p>\n<h2>\u4e00\u3001\u62ff\u9999\u8ddf\u62dc<\/h2>\n<ol>\n<li>\u5728\u684c\u9762\u6e96\u5099\u4e00\u500b\u6e2c\u8a66\u7db2\u9801 audio.html<\/li>\n<li>\u4f7f\u7528\u8a18\u4e8b\u672c\u6216\u5176\u4ed6\u7d14\u6587\u5b57\u7de8\u8f2f\u5668 (<a href=\"https:\/\/www.sublimetext.com\/\" target=\"_blank\" rel=\"noopener\">Sublime Text<\/a>) \u958b\u555f audio.html<\/li>\n<li>\u62ff\u9999\u8ddf\u62dc\uff0c\u6216\u662f\u76f4\u63a5\u4e0b\u8f09\u00a0<a href=\"https:\/\/blog.hoyo.idv.tw\/wp-content\/uploads\/2018\/12\/audio.html\" target=\"_blank\" rel=\"noopener\">audio<\/a><\/li>\n<\/ol>\n<pre class=\"lang:default decode:true\">&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n    &lt;head&gt;\r\n        &lt;meta charset=\"utf-8\"&gt;\r\n        &lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1\"&gt;\r\n        &lt;title&gt;Hoyo \u6559\u4f60 Web Audio API \u2013 01&lt;\/title&gt;\r\n    &lt;\/head&gt;\r\n    &lt;body&gt;\r\n        &lt;audio src=\"https:\/\/playx.fun\/stream\/AgxAN:DXX1rB\" controls=\"\"&gt;&lt;\/audio&gt;\r\n    &lt;\/body&gt;\r\n&lt;\/html&gt;<\/pre>\n<p>\u96d9\u64ca\u958b\u555f audio.html \u770b\u5230\u985e\u4f3c\u9019\u6a23\u7684\u7db2\u9801\uff0c\u4e26\u4e14\u9ede\u9078\u64ad\u653e\u53ef\u4ee5\u9806\u5229\u807d\u5230\u97f3\u6a02\u5c31\u6210\u529f\u4e86<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-5430\" src=\"https:\/\/blog.hoyo.idv.tw\/wp-content\/uploads\/2018\/12\/hoyo_web_audio_api_01.png\" alt=\"\" width=\"546\" height=\"265\" srcset=\"https:\/\/blog.hoyo.idv.tw\/wp-content\/uploads\/2018\/12\/hoyo_web_audio_api_01.png 546w, https:\/\/blog.hoyo.idv.tw\/wp-content\/uploads\/2018\/12\/hoyo_web_audio_api_01-300x146.png 300w, https:\/\/blog.hoyo.idv.tw\/wp-content\/uploads\/2018\/12\/hoyo_web_audio_api_01-500x243.png 500w\" sizes=\"(max-width: 546px) 100vw, 546px\" \/><\/p>\n<p>--<\/p>\n<h2>\u4e8c\u3001\u4e0d\u540c\u7684\u700f\u89bd\u5668\u3001\u4e0d\u540c\u7684\u64ad\u653e\u4ecb\u9762<\/h2>\n<p>Hoyo \u76f8\u4fe1\u5927\u591a\u6578\u7684\u7db2\u9801\u756b\u9762\u90fd\u548c\u4e0a\u9762\u90a3\u5f35\u4e0d\u540c\uff0c\u61c9\u8a72\u6bd4\u8f03\u63a5\u8fd1\u4e0b\u9762\u9019\u6a23<\/p>\n<h2 style=\"font-style: normal; line-height: 24.375px;\"><img loading=\"lazy\" class=\"alignnone size-full wp-image-5431\" src=\"https:\/\/blog.hoyo.idv.tw\/wp-content\/uploads\/2018\/12\/hoyo_web_audio_api_02.png\" alt=\"\" width=\"595\" height=\"254\" srcset=\"https:\/\/blog.hoyo.idv.tw\/wp-content\/uploads\/2018\/12\/hoyo_web_audio_api_02.png 595w, https:\/\/blog.hoyo.idv.tw\/wp-content\/uploads\/2018\/12\/hoyo_web_audio_api_02-300x128.png 300w, https:\/\/blog.hoyo.idv.tw\/wp-content\/uploads\/2018\/12\/hoyo_web_audio_api_02-500x213.png 500w\" sizes=\"(max-width: 595px) 100vw, 595px\" \/><\/h2>\n<p>\u9664\u4e86\u756b\u9762\u9577\u76f8\u4e0d\u540c\u4e4b\u5916\u9084\u591a\u4e86\u4e0b\u8f09\u6309\u9215\uff0c\u7576\u7136\u4e5f\u6709\u53ef\u80fd\u9577\u9019\u6a23<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-5432\" src=\"https:\/\/blog.hoyo.idv.tw\/wp-content\/uploads\/2018\/12\/hoyo_web_audio_api_03.png\" alt=\"\" width=\"578\" height=\"294\" srcset=\"https:\/\/blog.hoyo.idv.tw\/wp-content\/uploads\/2018\/12\/hoyo_web_audio_api_03.png 578w, https:\/\/blog.hoyo.idv.tw\/wp-content\/uploads\/2018\/12\/hoyo_web_audio_api_03-300x153.png 300w, https:\/\/blog.hoyo.idv.tw\/wp-content\/uploads\/2018\/12\/hoyo_web_audio_api_03-500x254.png 500w\" sizes=\"(max-width: 578px) 100vw, 578px\" \/><\/p>\n<p>--<\/p>\n<p>\u70ba\u4e86\u7d71\u4e00\u64ad\u653e\u4ecb\u9762\u6240\u4ee5\u63a5\u4e0b\u4f86\u5c31\u5fc5\u9808\u00a0<a href=\"https:\/\/blog.hoyo.idv.tw\/?p=5435\" target=\"_blank\" rel=\"noopener\">Hoyo \u6559\u4f60 Web Audio API \u2013 02. \u7c21\u6613\u64ad\u653e\u4ecb\u9762<\/a><\/p>\n<p>--<\/p>\n<div class=\"pvc_clear\"><\/div>\n<p class=\"pvc_stats all \" data-element-id=\"5427\" style=\"\"><i class=\"pvc-stats-icon medium\" aria-hidden=\"true\"><svg aria-hidden=\"true\" focusable=\"false\" data-prefix=\"far\" data-icon=\"chart-bar\" role=\"img\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\" class=\"svg-inline--fa fa-chart-bar fa-w-16 fa-2x\"><path fill=\"currentColor\" d=\"M396.8 352h22.4c6.4 0 12.8-6.4 12.8-12.8V108.8c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v230.4c0 6.4 6.4 12.8 12.8 12.8zm-192 0h22.4c6.4 0 12.8-6.4 12.8-12.8V140.8c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v198.4c0 6.4 6.4 12.8 12.8 12.8zm96 0h22.4c6.4 0 12.8-6.4 12.8-12.8V204.8c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v134.4c0 6.4 6.4 12.8 12.8 12.8zM496 400H48V80c0-8.84-7.16-16-16-16H16C7.16 64 0 71.16 0 80v336c0 17.67 14.33 32 32 32h464c8.84 0 16-7.16 16-16v-16c0-8.84-7.16-16-16-16zm-387.2-48h22.4c6.4 0 12.8-6.4 12.8-12.8v-70.4c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v70.4c0 6.4 6.4 12.8 12.8 12.8z\" class=\"\"><\/path><\/svg><\/i> &nbsp;1,629&nbsp;total views<\/p>\n<div class=\"pvc_clear\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Hoyo \u6559\u4f60 Web Aud...<\/p>\n<div class=\"pvc_clear\"><\/div>\n<p class=\"pvc_stats all \" data-element-id=\"5427\" style=\"\"><i class=\"pvc-stats-icon medium\" aria-hidden=\"true\"><svg aria-hidden=\"true\" focusable=\"false\" data-prefix=\"far\" data-icon=\"chart-bar\" role=\"img\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\" class=\"svg-inline--fa fa-chart-bar fa-w-16 fa-2x\"><path fill=\"currentColor\" d=\"M396.8 352h22.4c6.4 0 12.8-6.4 12.8-12.8V108.8c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v230.4c0 6.4 6.4 12.8 12.8 12.8zm-192 0h22.4c6.4 0 12.8-6.4 12.8-12.8V140.8c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v198.4c0 6.4 6.4 12.8 12.8 12.8zm96 0h22.4c6.4 0 12.8-6.4 12.8-12.8V204.8c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v134.4c0 6.4 6.4 12.8 12.8 12.8zM496 400H48V80c0-8.84-7.16-16-16-16H16C7.16 64 0 71.16 0 80v336c0 17.67 14.33 32 32 32h464c8.84 0 16-7.16 16-16v-16c0-8.84-7.16-16-16-16zm-387.2-48h22.4c6.4 0 12.8-6.4 12.8-12.8v-70.4c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v70.4c0 6.4 6.4 12.8 12.8 12.8z\" class=\"\"><\/path><\/svg><\/i> &nbsp;1,629&nbsp;total views<\/p>\n<div class=\"pvc_clear\"><\/div>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[303],"tags":[42,299],"_links":{"self":[{"href":"https:\/\/blog.hoyo.idv.tw\/index.php?rest_route=\/wp\/v2\/posts\/5427"}],"collection":[{"href":"https:\/\/blog.hoyo.idv.tw\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.hoyo.idv.tw\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.hoyo.idv.tw\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.hoyo.idv.tw\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=5427"}],"version-history":[{"count":8,"href":"https:\/\/blog.hoyo.idv.tw\/index.php?rest_route=\/wp\/v2\/posts\/5427\/revisions"}],"predecessor-version":[{"id":5448,"href":"https:\/\/blog.hoyo.idv.tw\/index.php?rest_route=\/wp\/v2\/posts\/5427\/revisions\/5448"}],"wp:attachment":[{"href":"https:\/\/blog.hoyo.idv.tw\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5427"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.hoyo.idv.tw\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=5427"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.hoyo.idv.tw\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=5427"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}