{"id":32149,"date":"2024-11-25T12:55:19","date_gmt":"2024-11-25T04:55:19","guid":{"rendered":"https:\/\/fwq.ai\/blog\/32149\/"},"modified":"2024-11-25T12:55:19","modified_gmt":"2024-11-25T04:55:19","slug":"%e5%be%ae%e4%bf%a1%e5%b0%8f%e7%a8%8b%e5%ba%8f%e5%b9%bf%e5%91%8a%e8%87%aa%e5%ae%9a%e4%b9%89%e7%bb%84%e4%bb%b6-%e5%aa%92%e4%bd%93%e9%9f%b3%e9%a2%91%e6%92%ad%e6%94%be%e7%bb%84%e4%bb%b6audio","status":"publish","type":"post","link":"https:\/\/fwq.ai\/blog\/32149\/","title":{"rendered":"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5e7f\u544a\u81ea\u5b9a\u4e49\u7ec4\u4ef6–\u5a92\u4f53\u97f3\u9891\u64ad\u653e\u7ec4\u4ef6audio"},"content":{"rendered":"

\u672c\u6587\u7ae0\u89e3\u8bf4\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5e7f\u544a\u81ea\u5b9a\u4e49\u7ec4\u4ef6\u4e4b\u7ec4\u4ef6audio\u4e3a\u97f3\u9891\u64ad\u653e\u7ec4\u4ef6\uff0c\u9996\u5148\u8981\u6839\u636e\u97f3\u9891\u6587\u4ef6\u7684id\u6765\u786e\u5b9a \u8981\u83b7\u53d6\u7684\u97f3\u9891\u7ec4\u4ef6\u7684\u4e0a\u4e0b\u6587\u5bf9\u8c61(\u76f8\u5f53\u4e8e\u8fd9\u4e2a\u5bf9\u8c61\u7ed1\u5b9a\u67d0\u97f3\u9891\u7ec4\u4ef6)\u3002<\/p>\n

<audio><\/audio><button> \u64ad\u653e<\/button>\n<button>\u6682\u505c<\/button><\/pre>\n
 \u767b\u5f55\u540e\u590d\u5236 <\/p>\n
controls\u663e\u793a\u97f3\u9891\u63a7\u5236\u952e<\/p>\n
loop\u5faa\u73af\u64ad\u653e<\/p>\n
poster\u5728\u63a7\u5236\u64ad\u653e\u952e\u662f\u52a0\u7684\u56fe\u7247<\/p>\n
name\u97f3\u9891\u540d\u79f0<\/p>\n
author\u4f5c\u8005<\/p>\n
src\u97f3\u9891\u6587\u4ef6<\/p>\n
id\u552f\u4e00\u6807\u8bc6<\/p>\n
\u867d\u7136\u53ef\u4ee5\u901a\u8fc7controls\u6765\u64ad\u653e, \u5982\u679c\u4e0d\u8981controls, \u4e5f\u53ef\u4ee5\u901a\u8fc7js\u7684\u4e8b\u4ef6\u6765\u63a7\u5236\u64ad\u653e\u4e0e\u6682\u505c<\/p>\n
Page({\n  data: {\n    poster: 'http:\/\/y.gtimg.cn\/music\/photo_new\/T002R300x300M000003rsKF44GyaSk.jpg?max_age=2592000',\n    name: '\u6b64\u65f6\u6b64\u523b',\n    author: '\u8bb8\u5dcd',\n    src: 'http:\/\/ws.stream.qqmusic.qq.com\/M500001VfvsJ21xFqb.mp3?guid=ffffffff82def4af4b12b3cd9337d5e7&amp;uin=346897220&amp;vkey=6292F51E1E384E06DCBDC9AB7C49FD713D632D313AC4858BACB8DDD29067D3C601481D36E62053BF8DFEAF74C0A5CCFADD6471160CAF3E6A&amp;fromtag=46',\n  },\n\n  \/**\u83b7\u53d6 audio\u4e0a\u4e0b\u6587audioContext\u5bf9\u8c61 *\/\n  onReady: function () {\n    \/\/ \u4f7f\u7528API: wx.createAudioContext \u83b7\u53d6 \u6b64\u97f3\u9891\u7ec4\u4ef6\u7684 \u4e0a\u4e0b\u6587\u5bf9\u8c61\n    this.audioCtx = wx.createAudioContext('audioID')\n  },\n  \n  \/**\u64ad\u653e *\/\n  audioPlay: function() {\n    this.audioCtx.play();\n  },\n\n  \/**\u6682\u505c *\/\n  audioPause : function() {\n    this.audioCtx.pause();\n  }\n})<\/pre>\n
 \u767b\u5f55\u540e\u590d\u5236 <\/p>\n
1.\u9996\u5148\u8981\u6839\u636e\u97f3\u9891\u6587\u4ef6\u7684id\u6765\u786e\u5b9a \u8981\u83b7\u53d6\u7684\u97f3\u9891\u7ec4\u4ef6\u7684\u4e0a\u4e0b\u6587\u5bf9\u8c61(\u76f8\u5f53\u4e8e\u8fd9\u4e2a\u5bf9\u8c61\u7ed1\u5b9a<\/span><\/strong>\u67d0\u97f3\u9891\u7ec4\u4ef6<\/strong><\/span>)<\/p>\n
2.\u901a\u8fc7\u6b64\u5bf9\u8c61\u8c03\u7528\u51fd\u6570\u5c31\u80fd\u76f4\u63a5\u63a7\u5236\u64ad\u653e(play)\u4e0e\u6682\u505c(pause)<\/p>\n
wx.createAudioContext<\/span><\/p>\n
\u5bf9\u4e8e\u8fd9\u4e2aAPI, \u662f\u6839\u636e\u97f3\u9891\u7ec4\u4ef6\u521b\u5efa\u5176\u4e0a\u4e0b\u6587\u5bf9\u8c61<\/strong><\/span>(\u8fd9\u4e2a\u5bf9\u8c61\u53ef\u4ee5\u64ad\u653e\u8be5\u97f3\u9891\u6587\u4ef6)<\/p>\n
\u4e0a\u9762\u4f7f\u7528this.audioCtx = wx.createAudioContext(‘audioID’)  –> \u4e3athis\u521b\u5efa<\/span><\/strong>\u4e86audioCtx\u5c5e\u6027<\/span><\/strong>\u5e76\u8d4b\u4e86\u503c<\/p>\n
\u8fd8\u53ef\u4ee5\u8df3\u8f6c\u5230\u6307\u5b9a\u7684\u65f6\u95f4:<\/p>\n
\/**\u8df3\u8f6c\u64ad\u653e\u523020\u79d2 *\/\n  audio20: function () {\n    this.ctx.seek(20);\n  }<\/pre>\n
 \u767b\u5f55\u540e\u590d\u5236 <\/p>\n
 \u76f8\u5173\u6587\u7ae0\uff1a<\/p>\n<\/p>\n
\u76f8\u5173\u89c6\u9891\uff1a<\/p>\n
\n
\u4ee5\u4e0a\u5c31\u662f\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5e7f\u544a\u81ea\u5b9a\u4e49\u7ec4\u4ef6–\u5a92\u4f53\u97f3\u9891\u64ad\u653e\u7ec4\u4ef6audio\u7684\u8be6\u7ec6\u5185\u5bb9\uff0c\u66f4\u591a\u8bf7\u5173\u6ce8\u7c73\u4e91\u5176\u5b83\u76f8\u5173\u6587\u7ae0\uff01<\/p>\n","protected":false},"excerpt":{"rendered":"
\u672c\u6587\u7ae0\u89e3\u8bf4\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5e7f\u544a\u81ea\u5b9a\u4e49\u7ec4\u4ef6\u4e4b\u7ec4\u4ef6audio\u4e3a\u97f3\u9891\u64ad\u653e\u7ec4\u4ef6\uff0c\u9996\u5148\u8981\u6839\u636e\u97f3\u9891\u6587\u4ef6\u7684id\u6765\u786e\u5b9a \u8981\u83b7\u53d6\u7684\u97f3\u9891\u7ec4\u4ef6\u7684\u4e0a\u4e0b\u6587\u5bf9\u8c61(\u76f8\u5f53\u4e8e\u8fd9\u4e2a\u5bf9\u8c61\u7ed1\u5b9a\u67d0\u97f3\u9891\u7ec4\u4ef6)\u3002 <audio><\/audio><button> \u64ad\u653e<\/button> <button>\u6682\u505c<\/button> \u767b\u5f55\u540e\u590d\u5236 controls\u663e\u793a\u97f3\u9891\u63a7\u5236\u952e loop\u5faa\u73af\u64ad\u653e poster\u5728\u63a7\u5236\u64ad\u653e\u952e\u662f\u52a0\u7684\u56fe\u7247 name\u97f3\u9891\u540d\u79f0 author\u4f5c\u8005 src\u97f3\u9891\u6587\u4ef6 id\u552f\u4e00\u6807\u8bc6 \u867d\u7136\u53ef\u4ee5\u901a\u8fc7controls\u6765\u64ad\u653e, \u5982\u679c\u4e0d\u8981controls, \u4e5f\u53ef\u4ee5\u901a\u8fc7js\u7684\u4e8b\u4ef6\u6765\u63a7\u5236\u64ad\u653e\u4e0e\u6682\u505c Page({   data: {     poster: ‘http:\/\/y.gtimg.cn\/music\/photo_new\/T002R300x300M000003rsKF44GyaSk.jpg?max_age=2592000’,     name: ‘\u6b64\u65f6\u6b64\u523b’,     author: ‘\u8bb8\u5dcd’,     src: ‘http:\/\/ws.stream.qqmusic.qq.com\/M500001VfvsJ21xFqb.mp3?guid=ffffffff82def4af4b12b3cd9337d5e7&amp;uin=346897220&amp;vkey=6292F51E1E384E06DCBDC9AB7C49FD713D632D313AC4858BACB8DDD29067D3C601481D36E62053BF8DFEAF74C0A5CCFADD6471160CAF3E6A&amp;fromtag=46’,   },   \/**\u83b7\u53d6 audio\u4e0a\u4e0b\u6587audioContext\u5bf9\u8c61 *\/   onReady: function () {     \/\/ \u4f7f\u7528API: wx.createAudioContext \u83b7\u53d6 \u6b64\u97f3\u9891\u7ec4\u4ef6\u7684 \u4e0a\u4e0b\u6587\u5bf9\u8c61     this.audioCtx = wx.createAudioContext(‘audioID’)   },      \/**\u64ad\u653e *\/   audioPlay: function() {     this.audioCtx.play();   },   \/**\u6682\u505c *\/   audioPause : function() {     this.audioCtx.pause();   } }) \u767b\u5f55\u540e\u590d\u5236 1.\u9996\u5148\u8981\u6839\u636e\u97f3\u9891\u6587\u4ef6\u7684id\u6765\u786e\u5b9a \u8981\u83b7\u53d6\u7684\u97f3\u9891\u7ec4\u4ef6\u7684\u4e0a\u4e0b\u6587\u5bf9\u8c61(\u76f8\u5f53\u4e8e\u8fd9\u4e2a\u5bf9\u8c61\u7ed1\u5b9a\u67d0\u97f3\u9891\u7ec4\u4ef6) 2.\u901a\u8fc7\u6b64\u5bf9\u8c61\u8c03\u7528\u51fd\u6570\u5c31\u80fd\u76f4\u63a5\u63a7\u5236\u64ad\u653e(play)\u4e0e\u6682\u505c(pause) wx.createAudioContext \u5bf9\u4e8e\u8fd9\u4e2aAPI, \u662f\u6839\u636e\u97f3\u9891\u7ec4\u4ef6\u521b\u5efa\u5176\u4e0a\u4e0b\u6587\u5bf9\u8c61(\u8fd9\u4e2a\u5bf9\u8c61\u53ef\u4ee5\u64ad\u653e\u8be5\u97f3\u9891\u6587\u4ef6) \u4e0a\u9762\u4f7f\u7528this.audioCtx = wx.createAudioContext(‘audioID’)  –> \u4e3athis\u521b\u5efa\u4e86audioCtx\u5c5e\u6027\u5e76\u8d4b\u4e86\u503c \u8fd8\u53ef\u4ee5\u8df3\u8f6c\u5230\u6307\u5b9a\u7684\u65f6\u95f4: \/**\u8df3\u8f6c\u64ad\u653e\u523020\u79d2 *\/   audio20: function () {     this.ctx.seek(20);   } \u767b\u5f55\u540e\u590d\u5236  \u76f8\u5173\u6587\u7ae0\uff1a \u76f8\u5173\u89c6\u9891\uff1a \u4ee5\u4e0a\u5c31\u662f\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5e7f\u544a\u81ea\u5b9a\u4e49\u7ec4\u4ef6–\u5a92\u4f53\u97f3\u9891\u64ad\u653e\u7ec4\u4ef6audio\u7684\u8be6\u7ec6\u5185\u5bb9\uff0c\u66f4\u591a\u8bf7\u5173\u6ce8\u7c73\u4e91\u5176\u5b83\u76f8\u5173\u6587\u7ae0\uff01<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[19],"tags":[],"class_list":["post-32149","post","type-post","status-publish","format-standard","hentry","category-19"],"_links":{"self":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts\/32149","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/comments?post=32149"}],"version-history":[{"count":0,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts\/32149\/revisions"}],"wp:attachment":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/media?parent=32149"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/categories?post=32149"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/tags?post=32149"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}