uni-app中uni.createInnerAudioContext()和audio标签不支持data URI (data:audio/mpeg;base64)

uni-app中uni.createInnerAudioContext()和audio标签不支持data URI (data:audio/mpeg;base64)

开发环境 版本号 项目创建方式
Windows win7 HBuilderX

产品分类:uniapp/App

PC开发环境操作系统:Windows

PC开发环境操作系统版本号:win7

HBuilderX类型:正式

HBuilderX版本号:3.1.3

手机系统:Android

手机系统版本号:Android 8.0

手机厂商:华为

手机机型:BMH-AN20

页面类型:vue

vue版本:vue2

打包方式:云端

项目创建方式:HBuilderX

示例代码:

<template>  
<view>  
<page-head title="audio"></page-head>  
<view class="uni-padding-wrap uni-common-mt">  
<view class="uni-center">  
<audio style="text-align: left" :src="current.src" :poster="current.poster" :name="current.name" :author="current.author" action="audioAction" controls></audio>
<view class="">audio组件不再维护,建议使用能力更强的uni.createInnerAudioContext()</view>
<audio style="text-align: left" src="data:audio/mpeg;base64,SUQzAwAAAAAIG1RSQ0sAAAACAAAAMVRZRVIAAAAFAAAAMjAxNQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA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JMUDnNHiq1J0TjPhjnqgR2WZdj/nf8iT7O3I3+7EUP19PV4aHwQEHmyQRq6KVUofiqycMOIcJKWSKCU2IrYRm26uIxvuqVyV7bFqi/h+xVj8GxK8c3Ck/1HKG1MvKs4N+LF6ARal3ZVWSSRt0CgbF6p0dHogvF5OzZY+Obf/+2DAtwANyZE1h5Rtoee0ZzTxGbShGTuVI58L5nmTXXVTPLzY373hB1+BZmVk6ZykpqlzfStpQVNEBEOhMCWksZs2KA9jqhiaFk7NIjyHVooKivXViGUjkB5IhBCC1BIzXQCoaKxDiWVwEKyjnkw1ABNKZVVDVtxtJwT86cxJZ1I4uTW22c3k6BMKMsjkojDmeBZE2xmbXY2yk7NKh9VL6+9Mvv/3rutO46Gtec1OXt67udBc5VxbN5KkypfxNx7fXz5mZG2xkG3PLirod2WcUSYCMw22Mw68Kma1OofJvdn36jHbOtoQIpDm+0kjjjbSg55IjPJFinlFWW6e+2GMI2UzIun/+2DAuoANaY83x4xtqdSz53zBjbWqTpKRGw4fVmPz8m/yOidBIlM1UzRGJQaZq/kXKnq2CZRTQLGEAIswCiyA3MMQknaNMZ2D1yHPS7EkD1TTxJMRI3lmbuukRiYCpDETGaneUVRhBOuwSspTQzFAwDJx9rbLbI3KJpK4axmRCP4rm+hXes4JHRyzqfX91eEKCluXD4Ed9rjO/+xNzHV/+e8Q25Kqg3GebltuPj3den77GTFz5Sf5u0fnl5bJd3x8bHaj8SZdHSg640qHE6d1xN+nHF4yCVbOZZe4VC8Xuu0RdV9rV1BZm22ubv6qyBljcVs+TxVaowp2Z/HhSEEZzpFMsyn/+2DAwgAPEZM354TNqds0ZvTxjbTz/IlTbbZdqR3jxjMvvFVVmfave7//nDCw5lFBpaCHCg18nRjNRJMQYU0oChkzXUSlYjCuCakzHdlY41Js1nl9WGRkUVgIyNUUizYgQ7WOoVFDSv9tm+BygocSSnMisgGU2a9fyIgSAECQJItiRCoVIpSuIKSJEknmTSNVX7zM7+8zMz/MzM+pk2VlgZDQlESuyWPZaHYLS3Dvyp3Kwmd9bviIFXZ5/g1LRF///////////////////////////////////////////////////v//////////////////////////////////////////+2DAwgAO1Zs7p4zNqcEz5nDxjbX//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD/+2DAxoAPvIcXDCTJAAAAJcAAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD/+2DA/4AeAAEuAAAAIAAAJcAAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=" controls></audio>

更多关于uni-app中uni.createInnerAudioContext()和audio标签不支持data URI (data:audio/mpeg;base64)的实战教程也可以访问 https://www.itying.com/category-93-b0.html

1 回复

更多关于uni-app中uni.createInnerAudioContext()和audio标签不支持data URI (data:audio/mpeg;base64)的实战教程也可以访问 https://www.itying.com/category-93-b0.html


根据你的描述,uni.createInnerAudioContext()和audio组件不支持data URI(如data:audio/mpeg;base64)是正常现象。这主要是由于平台兼容性和性能限制导致的。

主要原因:

  1. 平台差异:data URI在Web端支持良好,但在App端(特别是原生渲染模式下)存在兼容性问题。不同操作系统的原生音频播放器对data URI的支持不一致。
  2. 性能考虑:Base64编码的音频数据体积较大,直接解码播放会占用较多内存,可能影响应用性能。
  3. 缓存机制:data URI难以被有效缓存,每次都需要重新解码,不适合移动端场景。

解决方案:

  1. 将Base64转换为临时文件路径

    // 将base64数据写入临时文件
    const base64Data = 'data:audio/mpeg;base64,SUQzAwAAAAA...'; // 你的base64数据
    const base64Content = base64Data.replace(/^data:audio\/\w+;base64,/, '');
    const tempFilePath = `${uni.env.USER_DATA_PATH}/temp_audio.mp3`;
    
    // 写入文件
    const fs = uni.getFileSystemManager();
    fs.writeFile({
      filePath: tempFilePath,
      data: base64Content,
      encoding: 'base64',
      success: () => {
        // 使用临时文件路径播放
        const innerAudioContext = uni.createInnerAudioContext();
        innerAudioContext.src = tempFilePath;
        innerAudioContext.play();
      }
    });
    
  2. 使用网络URL或本地文件

    • 优先考虑将音频文件放在服务器上,使用网络URL
    • 或将音频文件放在项目static目录中,使用相对路径
  3. 对于audio组件

    <audio :src="audioFilePath" controls></audio>
回到顶部