HarmonyOS鸿蒙Next中jsui框架下，video组件如何播放HLS

HarmonyOS鸿蒙Next中jsui框架下，video组件如何播放HLS jsui框架下，video组件如何播放HLS

video组件直接src饮用m3u8地址的话，显示打开文件失败。个别点播的m3u8地址正常，大部分点播和直播都不行。

npm 调用 video.js和hls.js都不成功。

有谁知道怎么弄吗，求指导

附几个m3u8的测试地址

直播

http://ivi.bupt.edu.cn/hls/btv1hd.m3u8
http://39.134.157.205/PLTV/88888888/224/3221225515/index.m3u8

点播(正常)

https://test-streams.mux.dev/x36xhzz/x36xhzz.m3u8

更多关于HarmonyOS鸿蒙Next中jsui框架下，video组件如何播放HLS的实战教程也可以访问 https://www.itying.com/category-93-b0.html

安康医院检查结果，

更多关于HarmonyOS鸿蒙Next中jsui框架下，video组件如何播放HLS的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html

我也遇到了这个问题。

找HarmonyOS工作还需要会Flutter的哦，有需要Flutter教程的可以学学大地老师的教程，很不错，B站免费学的哦：BV1S4411E7LY/?p=17

尊敬的开发者您好，目前video组件没有相关的解码流，所以还不支持video组件利用src直接引用m3u8直播，请关注后续能力的开放。

亲爱滴开发者，这个问题已经在处理中啦，稍后答复你哟，么么哒

在HarmonyOS鸿蒙Next中，使用jsui框架下的video组件播放HLS（HTTP Live Streaming）流媒体，可以通过设置src属性为HLS的M3U8文件URL来实现。具体代码如下：

<video id="myVideo" src="https://example.com/stream.m3u8" controls></video>

src属性指定了HLS流的M3U8文件地址，controls属性用于显示视频播放控件。HLS是一种自适应比特率流媒体协议，支持在不同网络条件下动态调整视频质量。

如果需要更复杂的控制，可以通过JavaScript操作video组件的API，例如：

var video = document.getElementById('myVideo');
video.play(); // 播放视频
video.pause(); // 暂停视频
video.currentTime = 10; // 跳转到指定时间

这些API可以用于实现自定义的播放控制逻辑。HLS流媒体在鸿蒙Next的jsui框架下通过video组件直接支持，无需额外插件或库。

在HarmonyOS鸿蒙Next的jsui框架下，使用<video>组件播放HLS流媒体，可以直接将HLS的M3U8文件URL作为src属性值。例如：

<video src="http://example.com/stream.m3u8" controls></video>