{"id":25267,"date":"2024-03-16T04:39:11","date_gmt":"2024-03-16T04:39:11","guid":{"rendered":"https:\/\/www.silicloud.com\/blog\/how-to-implement-the-voice-broadcast-function-in-uniapp\/"},"modified":"2024-03-22T05:45:38","modified_gmt":"2024-03-22T05:45:38","slug":"how-to-implement-the-voice-broadcast-function-in-uniapp","status":"publish","type":"post","link":"https:\/\/www.silicloud.com\/blog\/how-to-implement-the-voice-broadcast-function-in-uniapp\/","title":{"rendered":"How to implement the voice broadcast function in UniApp?"},"content":{"rendered":"

To achieve the voice playback function of UniApp, you can use the uni-voice module. Here are some basic steps:<\/p>\n

    \n
  1. Add permission settings for the uni-voice module in the project’s manifest.json file.<\/li>\n<\/ol>\n
    \"permissions\"<\/span>:<\/span> {<\/span>\r\n  \"uni.voice\"<\/span>:<\/span> {<\/span>}<\/span>\r\n}<\/span>\r\n<\/code><\/pre>\n
      \n
    1. Introduce the uni-voice module in pages where the voice broadcasting feature is needed.<\/li>\n<\/ol>\n
      import<\/span> uniVoice from<\/span> '@\/uni_modules\/uni-voice\/uni-voice.js'<\/span>\r\n<\/code><\/pre>\n
        \n
      1. In events where voice prompts are needed, use the speak method of the uni-voice module.<\/li>\n<\/ol>\n
        uniVoice.speak<\/span>({\r\n  text<\/span>: '\u64ad\u62a5\u7684\u5185\u5bb9'<\/span>,\r\n  success<\/span>(<\/span>) {\r\n    console<\/span>.log<\/span>('\u8bed\u97f3\u64ad\u62a5\u6210\u529f'<\/span>)\r\n  },\r\n  fail<\/span>(err<\/span>) {\r\n    console<\/span>.log<\/span>('\u8bed\u97f3\u64ad\u62a5\u5931\u8d25'<\/span>, err)\r\n  }\r\n})\r\n<\/code><\/pre>\n
          \n
        1. Additional logic, such as providing a message or performing other actions after a successful callback, can be added as needed.<\/li>\n<\/ol>\n
          It should be noted that the specific usage methods and parameters of the Uni-voice module may vary, and adjustments can be made according to the actual project requirements. Additionally, the voice broadcasting function may be affected by the level of support from the device and browser, so compatibility testing is recommended.<\/p>\n","protected":false},"excerpt":{"rendered":"
          To achieve the voice playback function of UniApp, you can use the uni-voice module. Here are some basic steps: Add permission settings for the uni-voice module in the project’s manifest.json file. “permissions”: { “uni.voice”: {} } Introduce the uni-voice module in pages where the voice broadcasting feature is needed. import uniVoice from ‘@\/uni_modules\/uni-voice\/uni-voice.js’ In events […]<\/p>\n","protected":false},"author":13,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_import_markdown_pro_load_document_selector":0,"_import_markdown_pro_submit_text_textarea":"","footnotes":""},"categories":[1],"tags":[],"class_list":["post-25267","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"yoast_head":"\nHow to implement the voice broadcast function in UniApp? - Blog - Silicon Cloud<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.silicloud.com\/blog\/how-to-implement-the-voice-broadcast-function-in-uniapp\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to implement the voice broadcast function in UniApp?\" \/>\n<meta property=\"og:description\" content=\"To achieve the voice playback function of UniApp, you can use the uni-voice module. Here are some basic steps: Add permission settings for the uni-voice module in the project’s manifest.json file. "permissions": { "uni.voice": {} } Introduce the uni-voice module in pages where the voice broadcasting feature is needed. import uniVoice from '@\/uni_modules\/uni-voice\/uni-voice.js' In events […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.silicloud.com\/blog\/how-to-implement-the-voice-broadcast-function-in-uniapp\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog - Silicon Cloud\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/SiliCloudGlobal\/\" \/>\n<meta property=\"article:published_time\" content=\"2024-03-16T04:39:11+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-03-22T05:45:38+00:00\" \/>\n<meta name=\"author\" content=\"Isabella Edwards\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@SiliCloudGlobal\" \/>\n<meta name=\"twitter:site\" content=\"@SiliCloudGlobal\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Isabella Edwards\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/how-to-implement-the-voice-broadcast-function-in-uniapp\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.silicloud.com\/blog\/how-to-implement-the-voice-broadcast-function-in-uniapp\/\"},\"author\":{\"name\":\"Isabella Edwards\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/#\/schema\/person\/5579144e23c225c8188167f3e3f888dd\"},\"headline\":\"How to implement the voice broadcast function in UniApp?\",\"datePublished\":\"2024-03-16T04:39:11+00:00\",\"dateModified\":\"2024-03-22T05:45:38+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.silicloud.com\/blog\/how-to-implement-the-voice-broadcast-function-in-uniapp\/\"},\"wordCount\":141,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.silicloud.com\/blog\/#organization\"},\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/how-to-implement-the-voice-broadcast-function-in-uniapp\/\",\"url\":\"https:\/\/www.silicloud.com\/blog\/how-to-implement-the-voice-broadcast-function-in-uniapp\/\",\"name\":\"How to implement the voice broadcast function in UniApp? - Blog - Silicon Cloud\",\"isPartOf\":{\"@id\":\"https:\/\/www.silicloud.com\/blog\/#website\"},\"datePublished\":\"2024-03-16T04:39:11+00:00\",\"dateModified\":\"2024-03-22T05:45:38+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.silicloud.com\/blog\/how-to-implement-the-voice-broadcast-function-in-uniapp\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.silicloud.com\/blog\/how-to-implement-the-voice-broadcast-function-in-uniapp\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/how-to-implement-the-voice-broadcast-function-in-uniapp\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.silicloud.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to implement the voice broadcast function in UniApp?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/#website\",\"url\":\"https:\/\/www.silicloud.com\/blog\/\",\"name\":\"Silicon Cloud Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/www.silicloud.com\/blog\/#organization\"},\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/#organization\",\"name\":\"Silicon Cloud Blog\",\"url\":\"https:\/\/www.silicloud.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.silicloud.com\/blog\/wp-content\/uploads\/2023\/11\/EN-SILICON-Full.png\",\"contentUrl\":\"https:\/\/www.silicloud.com\/blog\/wp-content\/uploads\/2023\/11\/EN-SILICON-Full.png\",\"width\":1024,\"height\":1024,\"caption\":\"Silicon Cloud Blog\"},\"image\":{\"@id\":\"https:\/\/www.silicloud.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/SiliCloudGlobal\/\",\"https:\/\/twitter.com\/SiliCloudGlobal\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/#\/schema\/person\/5579144e23c225c8188167f3e3f888dd\",\"name\":\"Isabella Edwards\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/d4d4dec47f553ac7961d9fa4cc9bdcdcf5b7ce5106594330b6d25c5694fdbaec?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/d4d4dec47f553ac7961d9fa4cc9bdcdcf5b7ce5106594330b6d25c5694fdbaec?s=96&d=mm&r=g\",\"caption\":\"Isabella Edwards\"},\"url\":\"https:\/\/www.silicloud.com\/blog\/author\/isabellaedwards\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How to implement the voice broadcast function in UniApp? - Blog - Silicon Cloud","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.silicloud.com\/blog\/how-to-implement-the-voice-broadcast-function-in-uniapp\/","og_locale":"en_US","og_type":"article","og_title":"How to implement the voice broadcast function in UniApp?","og_description":"To achieve the voice playback function of UniApp, you can use the uni-voice module. Here are some basic steps: Add permission settings for the uni-voice module in the project’s manifest.json file. \"permissions\": { \"uni.voice\": {} } Introduce the uni-voice module in pages where the voice broadcasting feature is needed. import uniVoice from '@\/uni_modules\/uni-voice\/uni-voice.js' In events […]","og_url":"https:\/\/www.silicloud.com\/blog\/how-to-implement-the-voice-broadcast-function-in-uniapp\/","og_site_name":"Blog - Silicon Cloud","article_publisher":"https:\/\/www.facebook.com\/SiliCloudGlobal\/","article_published_time":"2024-03-16T04:39:11+00:00","article_modified_time":"2024-03-22T05:45:38+00:00","author":"Isabella Edwards","twitter_card":"summary_large_image","twitter_creator":"@SiliCloudGlobal","twitter_site":"@SiliCloudGlobal","twitter_misc":{"Written by":"Isabella Edwards","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.silicloud.com\/blog\/how-to-implement-the-voice-broadcast-function-in-uniapp\/#article","isPartOf":{"@id":"https:\/\/www.silicloud.com\/blog\/how-to-implement-the-voice-broadcast-function-in-uniapp\/"},"author":{"name":"Isabella Edwards","@id":"https:\/\/www.silicloud.com\/blog\/#\/schema\/person\/5579144e23c225c8188167f3e3f888dd"},"headline":"How to implement the voice broadcast function in UniApp?","datePublished":"2024-03-16T04:39:11+00:00","dateModified":"2024-03-22T05:45:38+00:00","mainEntityOfPage":{"@id":"https:\/\/www.silicloud.com\/blog\/how-to-implement-the-voice-broadcast-function-in-uniapp\/"},"wordCount":141,"commentCount":0,"publisher":{"@id":"https:\/\/www.silicloud.com\/blog\/#organization"},"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.silicloud.com\/blog\/how-to-implement-the-voice-broadcast-function-in-uniapp\/","url":"https:\/\/www.silicloud.com\/blog\/how-to-implement-the-voice-broadcast-function-in-uniapp\/","name":"How to implement the voice broadcast function in UniApp? - Blog - Silicon Cloud","isPartOf":{"@id":"https:\/\/www.silicloud.com\/blog\/#website"},"datePublished":"2024-03-16T04:39:11+00:00","dateModified":"2024-03-22T05:45:38+00:00","breadcrumb":{"@id":"https:\/\/www.silicloud.com\/blog\/how-to-implement-the-voice-broadcast-function-in-uniapp\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.silicloud.com\/blog\/how-to-implement-the-voice-broadcast-function-in-uniapp\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.silicloud.com\/blog\/how-to-implement-the-voice-broadcast-function-in-uniapp\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.silicloud.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How to implement the voice broadcast function in UniApp?"}]},{"@type":"WebSite","@id":"https:\/\/www.silicloud.com\/blog\/#website","url":"https:\/\/www.silicloud.com\/blog\/","name":"Silicon Cloud Blog","description":"","publisher":{"@id":"https:\/\/www.silicloud.com\/blog\/#organization"},"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.silicloud.com\/blog\/#organization","name":"Silicon Cloud Blog","url":"https:\/\/www.silicloud.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.silicloud.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.silicloud.com\/blog\/wp-content\/uploads\/2023\/11\/EN-SILICON-Full.png","contentUrl":"https:\/\/www.silicloud.com\/blog\/wp-content\/uploads\/2023\/11\/EN-SILICON-Full.png","width":1024,"height":1024,"caption":"Silicon Cloud Blog"},"image":{"@id":"https:\/\/www.silicloud.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/SiliCloudGlobal\/","https:\/\/twitter.com\/SiliCloudGlobal"]},{"@type":"Person","@id":"https:\/\/www.silicloud.com\/blog\/#\/schema\/person\/5579144e23c225c8188167f3e3f888dd","name":"Isabella Edwards","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.silicloud.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/d4d4dec47f553ac7961d9fa4cc9bdcdcf5b7ce5106594330b6d25c5694fdbaec?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/d4d4dec47f553ac7961d9fa4cc9bdcdcf5b7ce5106594330b6d25c5694fdbaec?s=96&d=mm&r=g","caption":"Isabella Edwards"},"url":"https:\/\/www.silicloud.com\/blog\/author\/isabellaedwards\/"}]}},"_links":{"self":[{"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/posts\/25267","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/users\/13"}],"replies":[{"embeddable":true,"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/comments?post=25267"}],"version-history":[{"count":1,"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/posts\/25267\/revisions"}],"predecessor-version":[{"id":59358,"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/posts\/25267\/revisions\/59358"}],"wp:attachment":[{"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/media?parent=25267"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/categories?post=25267"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/tags?post=25267"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}