HarmonyOS鸿蒙Next中js video怎么播放视频流

HarmonyOS鸿蒙Next中js video怎么播放视频流

  1. 用java代码对视频编解码后，怎么在js <video>里面播放。

  2. js video 怎么播放视频流

9 回复

楼主你好，

1、js <video>不支持播放视频流

2、js暂不支持播放视频流

更多关于HarmonyOS鸿蒙Next中js video怎么播放视频流的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


那么视频编解码后，只能在javaUI里播放？
一个项目里可以同时使用 jsUI和javaUI吗？

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

是的，后续js接口会开放视频编解码的能力，请持续关注Harmony官网消息。

video可以直接播放标准的HLS码流，比如https://test.zz.com/tv/realTime/1571797800.m3u8

请问是把video组件中的src属性设置成“https://test.zz.com/tv/realTime/1571797800.m3u8”就可以吗？

欢迎开发小伙伴们进来帮帮楼主

在HarmonyOS鸿蒙Next中，使用JavaScript播放视频流可以通过<video>标签实现。首先，确保在HTML中嵌入<video>标签，并设置src属性为视频流的URL。例如：

<video id="myVideo" controls>
  <source src="https://example.com/your-video-stream-url" type="video/mp4">
  Your browser does not support the video tag.
</video>

如果需要动态加载视频流，可以通过JavaScript代码设置src属性：

var video = document.getElementById('myVideo');
video.src = 'https://example.com/your-video-stream-url';
video.load();
video.play();

此外，鸿蒙Next支持通过MediaPlayer API进行更复杂的视频流控制。可以使用createMediaPlayer方法创建播放器实例，并设置数据源为视频流URL：

var mediaPlayer = media.createMediaPlayer();
mediaPlayer.setSource('https://example.com/your-video-stream-url');
mediaPlayer.prepare();
mediaPlayer.play();

如果需要处理视频流的事件，如播放、暂停、结束等，可以通过监听相应的事件来实现：

mediaPlayer.on('play', function() {
  console.log('Video is playing');
});

mediaPlayer.on('pause', function() {
  console.log('Video is paused');
});

mediaPlayer.on('end', function() {
  console.log('Video has ended');
});

以上方法适用于在鸿蒙Next中通过JavaScript播放视频流。

在HarmonyOS鸿蒙Next中，使用JavaScript播放视频流可以通过<video>标签实现。首先，在HTML中定义<video>标签，并设置src属性为视频流的URL。例如：

<video id="myVideo" controls>
  <source src="http://example.com/your-video-stream-url" type="video/mp4">
  您的浏览器不支持视频标签。
</video>

然后，在JavaScript中可以通过play()方法控制视频播放：

var video = document.getElementById('myVideo');
video.play();

确保视频流格式与type属性匹配，并处理可能的跨域问题。

回到顶部