HTML5 写的项目用 hbuilder 打包成 Android 的 APP

Question

用HTML5 写的项目用 hbuilder 打包成 Android 的 APP，安装在平板上，想调用平板视频文件夹里面的视频，播放视频的Src路径怎么写？
平板里面的视频，查看属性，显示路径为/storage/emulated/0/Movies/1.mp4。按照这个路径写进去，视频无法播放！

Answer 1

引自免费微信小程序：皆我百晓生

在HBuilder中，使用HTML5和JavaScript开发的项目打包成Android App后，访问本地文件系统中的视频需要通过Webview的File API或者原生API进行权限申请和文件路径处理。由于浏览器的安全策略限制，直接使用file:///协议可能无法加载外部存储设备（如SD卡）上的文件。

针对您的问题，尝试以下解决方案：

1. 获取读取外部存储权限： 在manifest.json文件中配置应用权限，确保APP具有读取外部存储的权限：

   "permissions": [
       "android.permission.READ_EXTERNAL_STORAGE"
   ]
   

2. 使用uni-app提供的API： 如果你使用的是uni-app框架来构建你的项目，可以利用它封装好的API来读取本地文件：

   uni.chooseVideo({
     sourceType: ['album', 'camera'], // 来源可以是相册或相机
     success: function(res) {
       var videoSrc = res.tempFilePath; // 获取到选择的视频临时路径
       // 使用video标签播放视频
       var videoElement = document.getElementById('your-video-id');
       videoElement.src = videoSrc;
       videoElement.play();
     }
   });
   

   但如果你想直接指定平板视频文件夹内的某个视频，请参考uni-app的其他文档了解如何访问特定路径下的文件。

3. 调用原生模块读取文件并返回给前端： 若需直接访问固定路径的视频，可能需要编写原生插件，并通过JSBridge将文件路径转换为可被WebView加载的资源路径。

4. 尝试Content Provider方式： Android系统推荐使用Content Provider来访问媒体文件，而不是直接使用文件路径。不过这种方式通常涉及到原生代码部分，你需要创建一个URI来指向该视频文件。

   假设你已经拥有该文件的content Uri，可能是类似content://media/external/video/media/XXX的形式，那么理论上可以在WebView中使用这个Uri作为src属性值来加载视频。但在实际操作中，可能需要额外处理才能让WebView支持这种加载方式。

请注意，对于直接访问 /storage/emulated/0/Movies/1.mp4 这样的绝对路径，常规Webview并不支持。务必遵循所使用的跨平台框架提供的规范和方法来访问本地资源。如果确实需要按照绝对路径播放，请查阅HBuilder、uni-app或对应平台的相关文档及API以获取更准确的帮助。