java 解析m3u8的实例_M3U8格式讲解及实际应用分析

M3U8文件用于实现多码率视频流适配,根据网络状况选择适合的码率播放。它分为顶级M3U8(多码率适配)和二级M3U8(切片文件)。内容包括#EXT-X-STREAM-INF等关键标签解释,以及点播和直播场景的应用。
摘要由CSDN通过智能技术生成

M3U8有啥好处 ?

网上搜索了一下,大家众说纷纭,个人理解主要是可以做多码率的适配,根据网络带宽,客户端会选择一个适合自己码率的文件进行播放,保证视频流的流畅。

在IOS device和mac上可以用http的方式进行分发,其中playlist标准为由m3u扩展而来的m3u8文件,媒体文件为MPEG2-TS或者AAC文件(audio only)。

m3u8文件有两种应用场景:

多码率适配流,

#EXTM3U

#EXT-X-STREAM-INF:PROGRAM-ID=1,BANDWIDTH=1280000

http://example.com/low.m3u8

#EXT-X-STREAM-INF:PROGRAM-ID=1,BANDWIDTH=2560000

http://example.com/mid.m3u8

#EXT-X-STREAM-INF:PROGRAM-ID=1,BANDWIDTH=7680000

http://example.com/hi.m3u8

#EXT-X-STREAM-INF:PROGRAM-ID=1,BANDWIDTH=65000,CODECS="mp4a.40.5"

http://example.com/audio-only.m3u8

单码率适配流

#EXTM3U

#EXT-X-TARGETDURATION:5220

#EXTINF:5220,

http://media.example.com/entire.ts

#EXT-X-ENDLIST

#EXT-X-TARGETDURATION

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue 3 可以使用第三方的视频播放库来实现播放 .265 M3U8 格式的视频。一个常用的库是 `video.js`,它是一个开源的 HTML5 视频播放器。以下是一个示例代码: 首先,安装 `video.js` 和 `videojs-contrib-hls`(用于支持 M3U8 格式): ```bash npm install video.js npm install videojs-contrib-hls ``` 然后,在 Vue 组件中使用 `video.js`: ```html <template> <div> <video ref="videoPlayer" class="video-js vjs-default-skin" controls></video> </div> </template> <script> import videojs from 'video.js'; import 'video.js/dist/video-js.css'; import 'videojs-contrib-hls'; export default { mounted() { // 创建 video.js 实例 this.player = videojs(this.$refs.videoPlayer, { techOrder: ['html5'] }, () => { // 播放 M3U8 格式的视频 this.player.src({ src: '视频地址.m3u8', type: 'application/x-mpegURL' }); }); }, beforeDestroy() { // 销毁 video.js 实例 if (this.player) { this.player.dispose(); } } }; </script> <style> /* video.js 样式 */ @import '~video.js/dist/video-js.css'; </style> ``` 在上述代码中,我们首先导入并引入了 `video.js` 和 `videojs-contrib-hls` 库。然后,在组件的 `mounted` 钩子函数中,创建了一个 `video.js` 实例,并设置 `techOrder` 为 `['html5']`,表示优先使用 HTML5 播放器。 在 `video.js` 的回调函数中,使用 `player.src()` 方法来设置视频源,其中 `src` 为视频地址,`type` 为视频类型,这里是 M3U8 格式的视频。 最后,在组件的 `beforeDestroy` 钩子函数中,销毁 `video.js` 实例。 在使用时,将视频地址替换为实际的 .265 M3U8 格式视频的地址即可。希望对你有所帮助!
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值