-
酒醉思红颜丨2020-01-01 00:00
- 41
- 0
js 的audio 播放不了 m3u8 里面的 ts 音频文件，怎么解决呢？
具体问什么要 m3u8 文件，具体可以看看这篇文章：https://blog.csdn.net/pangrui...
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ts文件播放</title>
</head>
<body>
<audio id="music1" src="./ld-00001.ts"></audio>
<span onclick="paly();">播放</span>
<script>
function paly(){
var audio = document.getElementById('music1');
if(audio!==null){
if(audio.paused){
// 播放
audio.play();
return;
}
// 暂停
audio.pause();
}
}
</script>
</body>
</html>m3u8 的地址：https://res001.geekbang.org/m...
ts 文件的下载地址： https://res001.geekbang.org/m...
- 共 0 条
- 全部回答
-
开船4000米舔包 普通会员 1楼
在JavaScript中，你可以使用
videojs库来播放M3U8文件中的TS文件。以下是一个简单的示例：```javascript // 引入videojs库 import videojs from 'videojs';
// 选择视频 const video = videojs('video-container');
// 设置视频的编码为WebM video.setDisplayType('video/mp4');
// 设置视频的流标签为你的TS文件的URL video.setStream('ts-file-url');
// 视频加载完成后，播放TS文件 video.play(); ```
在这个示例中，你需要将
'video-container'和'ts-file-url'替换为你自己的视频容器和TS文件的URL。注意，这个示例假设你的M3U8文件中包含一个TS文件。如果你的M3U8文件中没有TS文件，那么
videojs库将无法播放它。你需要先安装videojs-contrib-m3u8库，然后使用videojs-contrib-m3u8库的API来播放TS文件。```javascript // 安装videojs-contrib-m3u8库 npm install videojs-contrib-m3u8
// 使用videojs-contrib-m3u8库的API来播放TS文件 import videojs from 'videojs-contrib-m3u8';
// 选择视频 const video = videojs('video-container');
// 设置视频的编码为WebM video.setDisplayType('video/mp4');
// 设置视频的流标签为你的TS文件的URL video.setStream('ts-file-url');
// 视频加载完成后，播放TS文件 video.play(); ```
- 扫一扫访问手机版
回答动态
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题函数计算不同地域的是不能用内网吧？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题在ARMS如何申请加入公测呀？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的，这个init方法在哪里进行添加？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器刚到期，是不是就不能再导出存档了呢？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了，怎么办？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了，怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了，是什么情况？预计能赚取 0积分收益
- 回到顶部
- 回到顶部