{"id":30411,"date":"2024-11-25T14:17:30","date_gmt":"2024-11-25T06:17:30","guid":{"rendered":"https:\/\/fwq.ai\/blog\/30411\/"},"modified":"2024-11-25T14:17:30","modified_gmt":"2024-11-25T06:17:30","slug":"%e5%be%ae%e4%bf%a1%e5%b0%8f%e7%a8%8b%e5%ba%8f%e5%bc%80%e5%8f%91%e4%b9%8b%e5%bd%95%e9%9f%b3%e6%9c%ba-%e9%9f%b3%e9%a2%91%e6%92%ad%e6%94%be-%e5%8a%a8%e7%94%bb%e5%ae%9e%e4%be%8b","status":"publish","type":"post","link":"https:\/\/fwq.ai\/blog\/30411\/","title":{"rendered":"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\u4e4b\u5f55\u97f3\u673a \u97f3\u9891\u64ad\u653e \u52a8\u753b\u5b9e\u4f8b"},"content":{"rendered":"

\u8fd9\u7bc7\u6587\u7ae0\u4e3b\u8981\u4ecb\u7ecd\u4e86\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\u4e4b\u5f55\u97f3\u673a \u97f3\u9891\u64ad\u653e \u52a8\u753b\u5b9e\u4f8b (\u771f\u673a\u53ef\u7528)\uff0c\u8fd9\u91cc\u6574\u7406\u4e86\u8be6\u7ec6\u7684\u4ee3\u7801,\u6709\u9700\u8981\u7684\u5c0f\u4f19\u4f34\u53ef\u4ee5\u53c2\u8003\u4e0b\u3002<\/p>\n

\u8d81\u7740\u5468\u672b\u7528\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u505a\u4e86\u4e2a\u7b80\u6613\u5f55\u97f3\u673a.\u8ddf\u5927\u5bb6\u5206\u4eab,\u6b22\u8fce\u6279\u8bc4!<\/p>\n

\u8001\u89c4\u77e9,\u5148\u51e0\u5f20\u56fe.<\/p>\n

1.\u4e3a\u4e86\u8fdb\u6765\u770b\u5f97\u6e05\u695a.\u521a\u5f00\u59cb\u6ca1\u6709\u52a0\u8f7d\u97f3\u9891\u5217\u8868.\u4ee3\u7801\u5f80\u524d\u632a\u4e00\u632a\u5373\u53ef.<\/p>\n

\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\u4e4b\u5f55\u97f3\u673a<\/p>\n

2.\u6309\u4f4f \u5f55\u97f3\u6309\u94ae\u7684\u65f6\u5019\u4f1a\u51fa\u73b0\u9ea6\u514b\u98ce.\u4e2d\u95f4\u7684\u9ea6\u514b\u98ce\u662f\u4e2a\u5e27\u52a8\u753b.<\/p>\n

\u5176\u5b9e\u5c31\u662f\u7528js\u63a7\u5236\u56fe\u7247\u663e\u793a\u9690\u85cf.\u6ca1\u5565\u597d\u8bf4\u7684.\u8fd9\u91cc\u503c\u5f97\u8bf4\u4e00\u8bf4\u7684\u662f\u5f55\u97f3.\u5fae\u4fe1\u7684\u5f55\u97f3API\u540e,\u5982\u679c\u5f55\u97f3\u65f6\u95f4\u592a\u77ed,\u4f1a\u5f55\u97f3\u5931\u8d25.\u6240\u4ee5fail\u7684\u65f6\u5019\u8fd8\u662f\u9700\u8981\u5904\u7406\u4e00\u4e0b.\u5f55\u97f3\u65f6\u95f4\u7684\u9650\u5236\u548c\u5fae\u4fe1\u8bed\u97f3\u662f\u4e00\u6837\u7684.60\u79d2.<\/p>\n

\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\u4e4b\u5f55\u97f3\u673a<\/p>\n

3.\u6211\u5728\u5f55\u97f3\u5b8c\u6210\u540e\u624d\u52a0\u8f7d\u5217\u8868.<\/p>\n

\u4e0b\u56fe\u5c31\u662f\u4ece\u5fae\u4fe1\u5b58\u50a8\u7684\u6587\u4ef6\u91cc\u83b7\u53d6\u5230\u7684\u5217\u8868\u4fe1\u606f.\u6709\u50a8\u5b58\u8def\u5f84,\u521b\u5efa\u65f6\u95f4,\u6587\u4ef6\u5927\u5c0f.<\/p>\n

\u8fd9\u91cc\u7684\u6587\u4ef6\u53ef\u80fd\u4e0d\u53ea\u662f\u97f3\u9891.\u8fd9\u91cc\u6211\u6ca1\u505a\u5224\u65ad.\u4e0b\u9762\u7684\u8def\u5f84\u90fd\u662fwx:file\/\/store_…<\/p>\n

\u6211\u4e5f\u53bb\u627e\u4e86\u4e0b.\u5728Tencent\/micromsg\/wxafiles\/wx….\/\u8fd9\u4e00\u7ea7\u76ee\u5f55\u5c31\u80fd\u627e\u5230\u4e86.<\/p>\n

\u65f6\u95f4\u662f\u683c\u5f0f\u5316\u4e4b\u540e\u7684.\u6587\u4ef6\u5927\u5c0f\u662fB,\u8f6c\u6210KB\u5982\u4e0b.<\/p>\n

\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\u4e4b\u5f55\u97f3\u673a<\/p>\n

\u624b\u673a\u76ee\u5f55\u5982\u4e0b.\u4f46\u662f\u6253\u5f00\u4e4b\u540e\u64ad\u653e\u4e0d\u4e86.\u76ee\u524d\u539f\u56e0\u4e0d\u660e.<\/p>\n

\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\u4e4b\u5f55\u97f3\u673a<\/p>\n

\u4e0b\u9762\u662f\u6587\u4ef6\u5168\u540d\u79f0.<\/p>\n

1.tempFilePath : \u5f55\u97f3\u4e4b\u540e\u7684\u4e34\u65f6\u6587\u4ef6.\u7b2c\u4e8c\u6b21\u8fdb\u5165\u5c0f\u7a0b\u5e8f\u5c31\u4e0d\u80fd\u6b63\u5e38\u4f7f\u7528\u4e86.<\/p>\n

2.savedFilePath :\u6301\u4e45\u4fdd\u5b58\u7684\u6587\u4ef6\u8def\u5f84.\u503c\u5f97\u6ce8\u610f\u7684\u662f\u5fae\u4fe1\u53ea\u7ed9100M\u7684\u50a8\u5b58\u7a7a\u95f4.\u8fd8\u662f\u5c3d\u65e9\u4e0a\u4f20\u5230\u540e\u53f0\u5427.<\/p>\n

\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\u4e4b\u5f55\u97f3\u673a<\/p>\n

4.\u64ad\u653e\u5f55\u97f3\u97f3\u9891.<\/p>\n

\u70b9\u51fbitem\u5c31\u80fd\u542c\u5230\u4f60\u7684\u58f0\u97f3\u4e86.\u522b\u88ab\u81ea\u5df1\u5413\u4f4f.\u54c8\u54c8.<\/p>\n

\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\u4e4b\u5f55\u97f3\u673a<\/p>\n

\u4e0a\u4ee3\u7801:
1.index.wxml<\/p>\n<\/p>\n

<!--index.wxml--> \r\n<scroll-view> \r\n <view> \r\n<block> \r\n   <view> \r\n          <view> \r\n            <view>  \r\n              <view>\u5b58\u50a8\u8def\u5f84:{{item.filePath}}<\/view> \r\n              <view>\u5b58\u50a8\u65f6\u95f4:{{item.createTime}}<\/view> \r\n              <view>\u97f3\u9891\u5927\u5c0f:{{item.size}}KB<\/view> \r\n            <\/view>  \r\n             \r\n          <\/view> \r\n    <\/view> \r\n<\/block> \r\n <\/view> \r\n <\/scroll-view> \r\n  \r\n<view> \r\n<image><\/image> \r\n<image><\/image> \r\n<image><\/image> \r\n<image><\/image> \r\n<image><\/image> \r\n <\/view> \r\n <view> \r\n <button>\u6309\u4f4f \u5f55\u97f3<\/button> \r\n <\/view><\/pre>\n
  \u767b\u5f55\u540e\u590d\u5236   <\/p>\n
 2.index.wxss<\/p>\n<\/p>\n
\r\n \/**index.wxss**\/ \r\n.speak-style{ \r\n  position: relative; \r\n  height: 240rpx; \r\n  width: 240rpx; \r\n  border-radius: 20rpx; \r\n  margin: 50% auto; \r\n  background: #26A5FF; \r\n} \r\n.item-style{ \r\n  margin-top: 30rpx; \r\n  margin-bottom: 30rpx; \r\n} \r\n.text-style{ \r\n  text-align: center; \r\n \r\n} \r\n.record-style{ \r\n  position: fixed; \r\n  bottom: 0; \r\n  left: 0; \r\n  height: 120rpx; \r\n  width: 100%; \r\n} \r\n.btn-style{ \r\n margin-left: 30rpx; \r\n margin-right: 30rpx; \r\n} \r\n \r\n.sound-style{ \r\n position: absolute; \r\n width: 74rpx; \r\n height:150rpx; \r\n margin-top: 45rpx; \r\n margin-left: 83rpx; \r\n} \r\n \r\n \r\n.board { \r\n overflow: hidden; \r\n border-bottom: 2rpx solid #26A5FF;  \r\n} \r\n\/*\u5217\u5e03\u5c40*\/ \r\n.cell{ \r\n  display: flex; \r\n  margin: 20rpx; \r\n} \r\n.cell-hd{ \r\n  margin-left: 10rpx; \r\n  color: #885A38; \r\n} \r\n.cell .cell-bd{ \r\n  flex:1; \r\n  position: relative; \r\n   \r\n} \r\n\/**\u53ea\u663e\u793a\u4e00\u884c*\/ \r\n.date{ \r\n  font-size: 30rpx; \r\n  text-overflow: ellipsis;  \r\n  white-space:nowrap; \r\n  overflow:hidden;  \r\n}<\/pre>\n
  \u767b\u5f55\u540e\u590d\u5236   <\/p>\n
3.index.js<\/p>\n<\/p>\n
\/\/index.js \r\n\/\/\u83b7\u53d6\u5e94\u7528\u5b9e\u4f8b \r\nvar app = getApp() \r\nPage({ \r\n data: { \r\n  j: 1,\/\/\u5e27\u52a8\u753b\u521d\u59cb\u56fe\u7247 \r\n  isSpeaking: false,\/\/\u662f\u5426\u6b63\u5728\u8bf4\u8bdd \r\n  voices: [],\/\/\u97f3\u9891\u6570\u7ec4 \r\n }, \r\n onLoad: function () { \r\n }, \r\n \/\/\u624b\u6307\u6309\u4e0b \r\n touchdown: function () { \r\n  console.log(\"\u624b\u6307\u6309\u4e0b\u4e86...\") \r\n  console.log(\"new date : \" + new Date) \r\n  var _this = this; \r\n  speaking.call(this); \r\n  this.setData({ \r\n   isSpeaking: true \r\n  }) \r\n  \/\/\u5f00\u59cb\u5f55\u97f3 \r\n  wx.startRecord({ \r\n   success: function (res) { \r\n    \/\/\u4e34\u65f6\u8def\u5f84,\u4e0b\u6b21\u8fdb\u5165\u5c0f\u7a0b\u5e8f\u65f6\u65e0\u6cd5\u6b63\u5e38\u4f7f\u7528 \r\n    var tempFilePath = res.tempFilePath \r\n    console.log(\"tempFilePath: \" + tempFilePath) \r\n    \/\/\u6301\u4e45\u4fdd\u5b58 \r\n    wx.saveFile({ \r\n     tempFilePath: tempFilePath, \r\n     success: function (res) { \r\n      \/\/\u6301\u4e45\u8def\u5f84 \r\n      \/\/\u672c\u5730\u6587\u4ef6\u5b58\u50a8\u7684\u5927\u5c0f\u9650\u5236\u4e3a 100M \r\n      var savedFilePath = res.savedFilePath \r\n      console.log(\"savedFilePath: \" + savedFilePath) \r\n     } \r\n    }) \r\n    wx.showToast({ \r\n     title: '\u606d\u559c!\u5f55\u97f3\u6210\u529f', \r\n     icon: 'success', \r\n     duration: 1000 \r\n    }) \r\n    \/\/\u83b7\u53d6\u5f55\u97f3\u97f3\u9891\u5217\u8868 \r\n    wx.getSavedFileList({ \r\n     success: function (res) { \r\n      var voices = []; \r\n      for (var i = 0; i <p><\/p><p><strong>\u6ce8\u610f:<\/strong><br><\/p><p>1.\u5f55\u97f3\u7684\u97f3\u9891\u9ed8\u8ba4\u662f\u5b58\u5728\u672c\u5730\u7684\u4e34\u65f6\u8def\u5f84\u4e0b.\u7b2c\u4e8c\u6b21\u8fdb\u5165\u5c0f\u7a0b\u5e8f\u65e0\u6cd5\u6b63\u5e38\u4f7f\u7528,\u53ef\u4ee5\u5b58\u6301\u4e45,\u4f46\u662f\u672c\u5730\u6587\u4ef6\u5927\u5c0f\u7684\u9650\u5236\u662f100M,\u6700\u597d\u8fd8\u662f\u4e0a\u4f20\u540e\u53f0.<br><\/p><p>2.\u5f55\u97f3\u7684\u65f6\u95f4\u4e0d\u80fd\u592a\u77ed.\u5426\u5219\u4f1a\u5931\u8d25;\u4e5f\u4e0d\u80fd\u8d85\u8fc760\u79d2.\u5230\u4e8660\u79d2\u4f1a\u81ea\u52a8\u505c\u6b62\u5f55\u97f3.<br><\/p><p>3.\u97f3\u9891\u64ad\u653e\u4e0d\u80fd\u540c\u65f6\u64ad\u653e\u591a\u4e2a\u97f3\u9891.\u770b\u6587\u6863.\u5fae\u4fe1\u5c0f\u7a0b\u5e8f \u64ad\u653e\u97f3\u9891\u6587\u6863<\/p><p>\u4ee5\u4e0a\u5c31\u662f\u672c\u6587\u7684\u5168\u90e8\u5185\u5bb9\uff0c\u5e0c\u671b\u5bf9\u5927\u5bb6\u7684\u5b66\u4e60\u6709\u6240\u5e2e\u52a9\uff0c\u66f4\u591a\u76f8\u5173\u5185\u5bb9\u8bf7\u5173\u6ce8PHP\u4e2d\u6587\u7f51\uff01<\/p><p><\/p><p class=\"clearfix\"><span class=\"jbTestPos\"><\/span><\/p><\/pre>\n
  \u767b\u5f55\u540e\u590d\u5236   <\/p>\n
\u4ee5\u4e0a\u5c31\u662f\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\u4e4b\u5f55\u97f3\u673a \u97f3\u9891\u64ad\u653e \u52a8\u753b\u5b9e\u4f8b\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":"
\u8fd9\u7bc7\u6587\u7ae0\u4e3b\u8981\u4ecb\u7ecd\u4e86\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\u4e4b\u5f55\u97f3\u673a \u97f3\u9891\u64ad\u653e \u52a8\u753b\u5b9e\u4f8b (\u771f\u673a\u53ef\u7528)\uff0c\u8fd9\u91cc\u6574\u7406\u4e86\u8be6\u7ec6\u7684\u4ee3\u7801,\u6709\u9700\u8981\u7684\u5c0f\u4f19\u4f34\u53ef\u4ee5\u53c2\u8003\u4e0b\u3002 \u8d81\u7740\u5468\u672b\u7528\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u505a\u4e86\u4e2a\u7b80\u6613\u5f55\u97f3\u673a.\u8ddf\u5927\u5bb6\u5206\u4eab,\u6b22\u8fce\u6279\u8bc4! \u8001\u89c4\u77e9,\u5148\u51e0\u5f20\u56fe. 1.\u4e3a\u4e86\u8fdb\u6765\u770b\u5f97\u6e05\u695a.\u521a\u5f00\u59cb\u6ca1\u6709\u52a0\u8f7d\u97f3\u9891\u5217\u8868.\u4ee3\u7801\u5f80\u524d\u632a\u4e00\u632a\u5373\u53ef. 2.\u6309\u4f4f \u5f55\u97f3\u6309\u94ae\u7684\u65f6\u5019\u4f1a\u51fa\u73b0\u9ea6\u514b\u98ce.\u4e2d\u95f4\u7684\u9ea6\u514b\u98ce\u662f\u4e2a\u5e27\u52a8\u753b. \u5176\u5b9e\u5c31\u662f\u7528js\u63a7\u5236\u56fe\u7247\u663e\u793a\u9690\u85cf.\u6ca1\u5565\u597d\u8bf4\u7684.\u8fd9\u91cc\u503c\u5f97\u8bf4\u4e00\u8bf4\u7684\u662f\u5f55\u97f3.\u5fae\u4fe1\u7684\u5f55\u97f3API\u540e,\u5982\u679c\u5f55\u97f3\u65f6\u95f4\u592a\u77ed,\u4f1a\u5f55\u97f3\u5931\u8d25.\u6240\u4ee5fail\u7684\u65f6\u5019\u8fd8\u662f\u9700\u8981\u5904\u7406\u4e00\u4e0b.\u5f55\u97f3\u65f6\u95f4\u7684\u9650\u5236\u548c\u5fae\u4fe1\u8bed\u97f3\u662f\u4e00\u6837\u7684.60\u79d2. 3.\u6211\u5728\u5f55\u97f3\u5b8c\u6210\u540e\u624d\u52a0\u8f7d\u5217\u8868. \u4e0b\u56fe\u5c31\u662f\u4ece\u5fae\u4fe1\u5b58\u50a8\u7684\u6587\u4ef6\u91cc\u83b7\u53d6\u5230\u7684\u5217\u8868\u4fe1\u606f.\u6709\u50a8\u5b58\u8def\u5f84,\u521b\u5efa\u65f6\u95f4,\u6587\u4ef6\u5927\u5c0f. \u8fd9\u91cc\u7684\u6587\u4ef6\u53ef\u80fd\u4e0d\u53ea\u662f\u97f3\u9891.\u8fd9\u91cc\u6211\u6ca1\u505a\u5224\u65ad.\u4e0b\u9762\u7684\u8def\u5f84\u90fd\u662fwx:file\/\/store_… \u6211\u4e5f\u53bb\u627e\u4e86\u4e0b.\u5728Tencent\/micromsg\/wxafiles\/wx….\/\u8fd9\u4e00\u7ea7\u76ee\u5f55\u5c31\u80fd\u627e\u5230\u4e86. \u65f6\u95f4\u662f\u683c\u5f0f\u5316\u4e4b\u540e\u7684.\u6587\u4ef6\u5927\u5c0f\u662fB,\u8f6c\u6210KB\u5982\u4e0b. \u624b\u673a\u76ee\u5f55\u5982\u4e0b.\u4f46\u662f\u6253\u5f00\u4e4b\u540e\u64ad\u653e\u4e0d\u4e86.\u76ee\u524d\u539f\u56e0\u4e0d\u660e. \u4e0b\u9762\u662f\u6587\u4ef6\u5168\u540d\u79f0. 1.tempFilePath : \u5f55\u97f3\u4e4b\u540e\u7684\u4e34\u65f6\u6587\u4ef6.\u7b2c\u4e8c\u6b21\u8fdb\u5165\u5c0f\u7a0b\u5e8f\u5c31\u4e0d\u80fd\u6b63\u5e38\u4f7f\u7528\u4e86. 2.savedFilePath :\u6301\u4e45\u4fdd\u5b58\u7684\u6587\u4ef6\u8def\u5f84.\u503c\u5f97\u6ce8\u610f\u7684\u662f\u5fae\u4fe1\u53ea\u7ed9100M\u7684\u50a8\u5b58\u7a7a\u95f4.\u8fd8\u662f\u5c3d\u65e9\u4e0a\u4f20\u5230\u540e\u53f0\u5427. 4.\u64ad\u653e\u5f55\u97f3\u97f3\u9891. \u70b9\u51fbitem\u5c31\u80fd\u542c\u5230\u4f60\u7684\u58f0\u97f3\u4e86.\u522b\u88ab\u81ea\u5df1\u5413\u4f4f.\u54c8\u54c8. \u4e0a\u4ee3\u7801:1.index.wxml <!–index.wxml–>  <scroll-view>   <view>  <block>     <view>            <view>              <view>                 <view>\u5b58\u50a8\u8def\u5f84:{{item.filePath}}<\/view>                <view>\u5b58\u50a8\u65f6\u95f4:{{item.createTime}}<\/view>                <view>\u97f3\u9891\u5927\u5c0f:{{item.size}}KB<\/view>              <\/view>                           <\/view>      <\/view>  <\/block>   <\/view>   <\/scroll-view>     <view>  <image><\/image>  <image><\/image>  <image><\/image>  <image><\/image>  <image><\/image>   <\/view>   <view>   <button>\u6309\u4f4f \u5f55\u97f3<\/button>   <\/view> \u767b\u5f55\u540e\u590d\u5236  2.index.wxss […]<\/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-30411","post","type-post","status-publish","format-standard","hentry","category-19"],"_links":{"self":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts\/30411","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=30411"}],"version-history":[{"count":0,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts\/30411\/revisions"}],"wp:attachment":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/media?parent=30411"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/categories?post=30411"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/tags?post=30411"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}