[流媒体 & web前端] MSE | Media Source Extensions小试


注意点

1. 获取编码信息比较重要:
var mimeCodec = 'video/mp4; codecs="avc1.42C00D,mp4a.40.5"';

可以通过mp4info工具得到:
mp4info test.mp4 | grep Codec

2.mp4源文件

mp4的需要为fragment类型;
可以通过mp4fragment工具去转换生成:文档https://www.bento4.com/documentation/


MSE中使用blob url去实现播放的代码:



    
        
    
    
        
        
    

最终效果

如图:

image.png

如图中,最终video标签的src为自动生成的一个blob链接


Bootom

你可能感兴趣的:([流媒体 & web前端] MSE | Media Source Extensions小试)