new Hls()播放m3u8,怎么设置请求头
时间: 2023-11-08 16:05:42 浏览: 69
如果您使用Hls.js库播放m3u8视频流,您可以使用`Hls.js`的`xhrSetup`选项来设置请求头。在`xhrSetup`回调函数中,您可以通过修改`xhr`对象的`setRequestHeader`方法来设置请求头。
例如,如果您想要在请求头中添加`Authorization`字段,您可以这样做:
```
var hls = new Hls({
xhrSetup: function(xhr, url) {
xhr.setRequestHeader('Authorization', 'Bearer your-token');
}
});
hls.loadSource('your-m3u8-url');
```
在这个例子中,`xhrSetup`是一个回调函数,会在每次请求m3u8视频流时被调用。在回调函数中,`xhr`参数是一个XMLHttpRequest对象,您可以通过它来设置请求头。`url`参数是当前请求的URL地址。
希望这可以帮助您设置请求头!
相关问题
new Hls()播放m3u8
您的问题是关于使用JavaScript中的Hls.js库播放m3u8视频流的问题。是的,您可以使用Hls.js库来播放m3u8视频流。您可以通过以下步骤实现:
1. 引入Hls.js库
```
<script src="https://cdn.jsdelivr.net/npm/hls.js@latest"></script>
```
2. 创建Hls对象
```
var video = document.getElementById('video');
var hls = new Hls();
```
3. 监听Hls事件
```
hls.on(Hls.Events.MEDIA_ATTACHED, function () {
console.log("video and hls.js are now bound together !");
hls.loadSource('your-m3u8-url');
hls.on(Hls.Events.MANIFEST_PARSED, function (event, data) {
console.log("manifest loaded, found " + data.levels.length + " quality level");
video.play();
});
});
hls.attachMedia(video);
```
其中,`'your-m3u8-url'`是您要播放的m3u8视频流的URL地址。
希望这能解决您的问题!
如何使用potplayer播放HLS的m3u8
你可以按照以下步骤在PotPlayer中播放HLS的m3u8:
1. 打开PotPlayer,点击菜单栏中的“打开”按钮。
2. 选择“打开URL”选项。
3. 在弹出的窗口中,输入m3u8的URL地址,点击“确定”。
4. 如果一切正常,PotPlayer会自动开始播放m3u8文件中的视频流。
请注意,PotPlayer需要安装相应的解码器才能播放某些视频格式。如果你无法播放HLS的m3u8文件,请检查你的PotPlayer是否已经安装了相应的解码器。
相关推荐
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)