video.js - 如何使用 video.js 在 m3u8 中选择频道
问题描述
我正在使用 video.js 播放 m3u8,这个文件包含多个频道。我想显示频道列表并选择其中任何一个播放。我已经搜索过,但我找不到这个功能。这是源代码
<video-js id="my_video_1" class="vjs-default-skin" controls preload="auto" width="640" height="268">
<source src="--m3u8 file path--" type="application/x-mpegURL">
</video-js>
<script src="https://unpkg.com/video.js/dist/video.js"></script>
<script src="https://unpkg.com/@videojs/http-streaming/dist/videojs-http-streaming.js"></script>
<script>
var player = videojs('my_video_1');
</script>
这是我的 m3u8 文件内容
#EXTM3U
#EXTINF:0,##### |AR| MOROCCO #####
line.ma-cobra.com:80/Cesar2/Y5SNvNqGfyxH3Qb/3547
#EXTINF:0,|AR| CORONA VIRUS INFO
line.ma-cobra.com:80/Cesar2/Y5SNvNqGfyxH3Qb/113221
#EXTINF:0,|AR| AL AOULA INTER
line.ma-cobra.com:80/Cesar2/Y5SNvNqGfyxH3Qb/2189
现在有3个网址(我称之为频道,我不知道调用这个频道是否正确)所以我想显示包含这3个链接的菜单并想点击一个查看它。谢谢
解决方案
这是文档video.js。我认为您正在寻找的是更改视频的来源。创建实例时,您可以使用任何事件更改源。
var player = videojs('some-video-id');
player.src({
src: 'https://link.to./file.m3u8',
type: 'application/x-mpegURL',
});
推荐阅读
- javascript - 如何去抖动 Lodash 调用以正确获取 Typescript?
- arrays - MongoDB $lookup 用对象数组替换 _id 数组,而不将数组转换为对象并删除字段
- flutter - FAILURE:构建失败并出现异常。(FLUTTER)
- html - 内部 div
- 工作正常,但
- 不管用。如何解决这个问题?
- ios - 如何更改在 SwiftUI 中的 forEach 内动态创建的按钮的颜色
- list - 需要将 scala 中的两个列表与一些替换条件结合起来
- networking - 如何从 igraph 对象中提取节点 ID 到 R 中的 data.frame 对象中?
- c# - SSL 证书错误:ssl.ca.location 失败
- magento - Magento 2 (v2.3) - 购物车页面 - 是否可以在自定义模块插件中获取 mage-cache-storage 存储的运费?
- windows - databricks-connect 在 Windows 上不起作用