HarmonyOS鸿蒙Next中webview h5播放融云音频报the elementhas no supported sources，在浏览器里能播放

HarmonyOS鸿蒙Next中webview h5播放融云音频报the elementhas no supported sources，在浏览器里能播放

4 回复

WebView不支持某些音频格式或音频源

更多关于HarmonyOS鸿蒙Next中webview h5播放融云音频报the elementhas no supported sources，在浏览器里能播放的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


标题

这是段落内容。

这是另一段落内容。

在HarmonyOS鸿蒙Next中，WebView播放融云音频报"the element has no supported sources"错误，但浏览器能正常播放。这通常是由于WebView默认禁用了某些媒体功能或权限不足导致。解决方法：

  1. 确保在config.json中配置了网络权限：
"reqPermissions": [
    {"name": "ohos.permission.INTERNET"}
]
  1. 在WebView初始化时启用媒体支持：
webView.getSettings().setMediaPlaybackEnabled(true);
webView.getSettings().setJavaScriptEnabled(true);
  1. 如果是https资源，可能需要配置混合内容策略：
webView.getSettings().setMixedContentMode(WebView.MIXED_CONTENT_ALWAYS_ALLOW);

在HarmonyOS Next的WebView中遇到音频播放报"the element has no supported sources"错误，可能是由于以下原因导致的：

  1. WebView默认禁用了某些媒体功能，需要手动启用：
WebSettings webSettings = webView.getSettings();
webSettings.setMediaPlaybackRequiresUserGesture(false);
webSettings.setJavaScriptEnabled(true);

  1. 音频格式兼容性问题，HarmonyOS WebView对音频格式的支持可能与浏览器不同，建议检查音频格式是否为MP3等通用格式。

  2. 跨域资源访问限制，确保音频资源允许跨域访问，可以在服务器端设置CORS头：

Access-Control-Allow-Origin: *
  1. 尝试在HTML音频元素中添加autoplay属性并设置muted，然后通过JS控制播放：
<audio id="player" controls autoplay muted>
  <source src="audio.mp3" type="audio/mpeg">
</audio>
<script>
  document.getElementById('player').muted = false;
</script>

建议先检查WebView的配置是否正确，再排查音频格式和跨域问题。

回到顶部