javascript - 微信小程序------audio组件 无法使用本地路径播放

问题描述

问 题

微信小程序

今天在学习audio组件时，把audio的src属性设置成本地路径后，控制台报错 （404 not found），但是将src属性设置成使用网络资源路径时没有问题

代码如下：

hello.wxml

<audio src="../src/Gee.mp3" controls></audio>

小程序的目录如下

• pages

  • index

  • hello

  • logs

  • src

    • Gee.mp3

图片如下：

解决方案

不能写相对路径，需要是访问网络的图片/音频/视频才行，走http/https协议。

你看报错的时候，小程序处理相对路径是让通过http协议访问工程内部资源，但是自身并未暴露资源给外部，因此访问不到。

感觉像是因为小程序编译完成需小于1M才能上传，因此所有网络资源都放在自己的服务器上，更方便维护以及节约空间大小。

这篇关于javascript - 微信小程序------audio组件 无法使用本地路径播放的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！