某网课m3u8视频流hls.js算法逆向

最新推荐文章于 2024-01-04 09:30:00 发布
最新推荐文章于 2024-01-04 09:30:00 发布
阅读量1.1k 收藏 1
点赞数 1
文章标签： javascript 算法 服务器
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u014643814/article/details/134180951
版权

前言

需要了解m3u8基础知识，可在下方链接阅读笔者之前的文章。
https://www.52pojie.cn/thread-1686788-1-1.html

初步分析

目标站点：aHR0cHM6Ly93d3cuOTJneXcuY29tL3Nob3J0VmlkZW8vYWxidW0vMjA1P3ZpZGVvSWQ9NDY4NQ==

打开浏览器，按下F12开发者工具，然后粘贴链接进入页面。

在上方点击 Network 菜单栏（在这里可以监视浏览器与服务器之间的网络请求和响应。你可以查看请求的详细信息、响应的状态码和内容，并分析网络性能。）

在这里插入图片描述
接下来就是分析 m3u8和key 的链接
在这里插入图片描述
观察m3u8，发现是标准格式，并没有经过加密处理
接着观察key，发现是16字节
在这里插入图片描述
可事实真的如此吗？打开 M3U8批量下载器 试试。

M3U8批量下载器 V1.4.8 0508【5月8日更新】
https://www.52pojie.cn/thread-1631141-1-1.html

在这里插入图片描述
粘贴m3u8链接，点击【添加】按钮
在这里插入图片描述
再点击【全部开始】按钮
在这里插入图片描述
提示

文件解码失败，请检查key是否正确

此时有2种可能，我们依次分析

第1种可能：key链接，存在次数限制，在浏览器打开了首次，然后第2次访问，不给数据或者是假数据（key）

在这里插入图片描述

在连续多次请求，与浏览器首次响应，对比发现是一致的字节，那么就不是这个原因。

第2种可能：key密钥的响应值被加密了，市面上别的平台通常是返回32位或者更长的字节。

此时就得js逆向了，分析 hls.js 文件，这里面有做特殊处理，播放前会解密出正确的密钥。

在这里插入图片描述
找到 001.ts，菜单栏点击 Initiator ，这是 js函数调用堆栈，然后进去下断点，动态调试分析。

这个过程比较繁琐，需要了解 Hls.js 的加载过程。

在这里插入图片描述

当然我是这么分析出的，教大家一招简单的技巧。

我们换一种思路，通过关键词来定位

aes-128
decryptdata.key
buffer

在这里插入图片描述
观察到这行有点可疑，可能是个解密函数，又将key和iv传递进去。

let _ = C.softwareDecrypt(n, R.key.buffer, R.iv.buffer);

点击行号，到这里下断，然后F5重新加载网页。

观察发现，n是ts的文件数据，R里面有我们想要的key和iv数据。

key
[101, 77, 103, 113, 121, 121, 112, 108, 55, 84, 71, 79, 55, 99, 65, 98]

iv
[55, 108, 98, 109, 52, 103, 113, 57, 106, 114, 108, 66, 50, 86, 67, 49]

主要是key，在python中转成hex十六进制，看看。

在这里插入图片描述


b = bytearray([101, 77, 103, 113, 121, 121, 112, 108, 55, 84, 71, 79, 55, 99, 65, 98])
hex_str = b.hex()
print(hex_str)
# 654d67717979706c3754474f37634162

然后打开 m3u8下载器，自定义key下载，试试

在这里插入图片描述
神奇的一幕发生了，居然下载成功了

在这里插入图片描述

那么真实的key就是
[101, 77, 103, 113, 121, 121, 112, 108, 55, 84, 71, 79, 55, 99, 65, 98]

但.key文件，返回的却是
[128, 245, 244, 139, 212, 166, 215, 255, 208, 226, 106, 4, 240, 217, 14, 134]

我们需要得知是如何互转的，这个过程就是js逆向，继续回到浏览器。

在这里插入图片描述
在右侧 调用堆栈(Call Stack)，需要逐个分析出key是在哪里赋值的。

观察到 play-utils-508447cf.js 的 onSuccess 关键词附近，貌似在请求并取回响应，到这里下断看看。

在这里插入图片描述
然后刷新网页

const pt = new ut;
const mt = lt("nt:main/lib/js/ntPlayer")
  , z = class extends nt.DefaultConfig.loader {
    constructor(e) {
        super(e);
        d(this, "_superLoad");
        this._superLoad = super.load.bind(this)
    }
    load(e, i, a) {
        if (e.keyInfo) {
            const p = a.onSuccess;
            a.onSuccess = function(E, g, c, v) {
                const y = E.data
                  , $ = new DataView(y);
                if (z._revise) {
                    const b = z._revise;
                    $.setInt32(0, $.getInt32(0) ^ b[0]),
                    $.setInt32(4, $.getInt32(4) ^ b[1]),
                    $.setInt32(8, $.getInt32(8) ^ b[2]),
                    $.setInt32(12, $.getInt32(12) ^ b[3]),
                    E.data = $.buffer
                }
                p(E, g, c, v)
            }
        }
        this._superLoad(e, i, a)
    }
    static setRevise(e) {
        z._revise = e
    }
}
;

在这里插入图片描述

z._revise
[3854078970, 2917115795, 3887476043, 3350876132]

发现该变量，在下面有用到，于是全局搜索，共4处引用，挨个下断，再次刷新网页
在这里插入图片描述
发现这里的入参是这些值，那么从堆栈里往上跟，就能找出来了。

在这里插入图片描述

        const t = document.querySelector(".player[nt-main-skey]")
          , e = document.querySelector("#app-key")
          , i = document.querySelector(".end-tips")
          , a = document.querySelector("[nt-buy-vip]")
          , l = parseInt(t.getAttribute("nt-video-id") || "0")
          , p = t.getAttribute("nt-main-poster");
        this.existSrt = t.getAttribute("nt-srt") == "1",
        this.skey = t.getAttribute("nt-main-skey") || "";
        const E = JSON.parse(`[${e.dataset.keys}]`);
        t.removeAttribute("nt-main-poster"),
        t.removeAttribute("nt-main-skey"),
        t.removeAttribute("nt-srt"),
        e.remove(),
        this.playLog = new Et,
        this.pageState = JSON.parse(localStorage.getItem(st) || "{}"),
        tt("pageState: %o", this.pageState),
        this.player = new _t(t,{
            poster: p || "",
            logo: ct,
            logoWidth: 120,
            autoplay: !0,
            muted: this.pageState.muted || !1,
            volume: this.pageState.volume || 1,
            playbackRate: this.pageState.playbackRate || 1,
            enablePlaybackRate: !0,
            enableCue: this.existSrt,
            revise: E
        });

在这里插入图片描述
于是找到了关键位置

e = document.querySelector("#app-key")
...
const E = JSON.parse(`[${e.dataset.keys}]`);
...

querySelector() 方法返回文档中匹配指定 CSS 选择器的一个元素。

于是到 HTML 里搜索 app-key 看看

在这里插入图片描述
果然找到了

<div id="app-key" data-keys="3854078970,2917115795,3887476043,3350876132"></div>

接着在Nodejs补环境，完成脱机调用，也就是还原解密过程。

纯算法 Nodejs

在这里插入图片描述


var z = {
    '_revise' : [3854078970, 2917115795, 3887476043, 3350876132] // app-key 的值
}
// console.log(z)

var key = [128, 245, 244, 139, 212, 166, 215, 255, 208, 226, 106, 4, 240, 217, 14, 134]; // 网页 .key文件返回的加密值

let buffer = new ArrayBuffer(16);
let data = new Uint8Array(key);
let view = new DataView(buffer);
for (let i = 0; i < data.length; i++) {
  view.setUint8(i, data[i]);
}

var T = new DataView(view.buffer);
if (z._revise) {
    const L = z._revise;
    T.setInt32(0, T.getInt32(0) ^ L[0]);
    T.setInt32(4, T.getInt32(4) ^ L[1]);
    T.setInt32(8, T.getInt32(8) ^ L[2]);
    T.setInt32(12, T.getInt32(12) ^ L[3]);
    ok = T.buffer

    dec_16 = new Uint8Array(ok)+"";
    console.log(dec_16);
    // 101,77,103,113,121,121,112,108,55,84,71,79,55,99,65,98
}

封装成解密函数

function decrypt(app_key, en_key) {
    var z = {
        '_revise': app_key
    }

    let buffer = new ArrayBuffer(16);
    let data = new Uint8Array(en_key);
    let view = new DataView(buffer);
    for (let i = 0; i < data.length; i++) {
        view.setUint8(i, data[i]);
    }

    var T = new DataView(view.buffer);
    if (z._revise) {
        const L = z._revise;
        T.setInt32(0, T.getInt32(0) ^ L[0]);
        T.setInt32(4, T.getInt32(4) ^ L[1]);
        T.setInt32(8, T.getInt32(8) ^ L[2]);
        T.setInt32(12, T.getInt32(12) ^ L[3]);
        ok = T.buffer;

        dec_16 = new Uint8Array(ok);
    }

    return dec_16
}

var app_key = [3854078970, 2917115795, 3887476043, 3350876132];
var en_key = [128, 245, 244, 139, 212, 166, 215, 255, 208, 226, 106, 4, 240, 217, 14, 134];

var ok = decrypt(app_key, en_key);
console.log(ok);
console.log(ok + "" == [101, 77, 103, 113, 121, 121, 112, 108, 55, 84, 71, 79, 55, 99, 65, 98]);

Blob和ArrayBuffer是什么鬼？

  1. 最早是数据库直接用Blob来存储二进制数据对象，这样就不用关注存储数据的格式了。在web领域，Blob对象表示一个只读原始数据的类文件对象，虽然是二进制原始数据但是类似文件的对象，因此可以像操作文件对象一样操作Blob对象。

  2. ArrayBuffer对象用来表示通用的、固定长度的原始二进制数据缓冲区。我们可以通过new ArrayBuffer(length)来获得一片连续的内存空间，它不能直接读写，但可根据需要将其传递到TypedArray视图或 DataView 对象来解释原始缓冲区。实际上视图只是给你提供了一个某种类型的读写接口，让你可以操作ArrayBuffer里的数据。TypedArray需指定一个数组类型来保证数组成员都是同一个数据类型，而DataView数组成员可以是不同的数据类型。

TypedArray视图的类型数组对象有以下几个:

Int8Array：8位有符号整数，长度1个字节。
Uint8Array：8位无符号整数，长度1个字节。
Uint8ClampedArray：8位无符号整数，长度1个字节，溢出处理不同。
Int16Array：16位有符号整数，长度2个字节。
Uint16Array：16位无符号整数，长度2个字节。
Int32Array：32位有符号整数，长度4个字节。
Uint32Array：32位无符号整数，长度4个字节。
Float32Array：32位浮点数，长度4个字节。
Float64Array：64位浮点数，长度8个字节。

Int8Array：1 个字节的有符号整数类型，范围在 -128 ~ 127 之间；
Uint8Array：1 个字节的无符号整数类型，范围在 0 ~ 255 之间；
Uint16Array：2 个字节的无符号整数类型，范围在 0 ~ 65535 之间；
Int16Array：2 个字节的有符号整数类型，范围在 -32768 ~ 32767 之间；
Uint32Array：4 个字节的无符号整数类型，范围在 0 ~ 4294967295 之间；
Float32Array：4 个字节的单精度浮点数类型；
Float64Array：8 个字节的双精度浮点数类型。

DIV标签的 app-key 值

Uint32Array
[3854078970, 2917115795, 3887476043, 3350876132]

Uint8Array
[229, 184, 147, 250, 173, 223, 167, 147, 231, 182, 45, 75, 199, 186, 79, 228]

加密key文件返回的是

Uint8Array
[128, 245, 244, 139, 212, 166, 215, 255, 208, 226, 106, 4, 240, 217, 14, 134]

hex
80f5f48bd4a6d7ffd0e26a04f0d90e86

真实key

Uint8Array
[101, 77, 103, 113, 121, 121, 112, 108, 55, 84, 71, 79, 55, 99, 65, 98]

十六进制（hex）
654d67717979706c3754474f37634162

字符串
eMgqyypl7TGO7cAb

Uint32Array 转换 Uint8Array


let uint32Arr = new Uint32Array([1902595429, 1819310457, 1330074679, 1648452407]);  
  
// 创建新的Uint8Array，长度为Uint32Array的4倍  
let uint8Arr = new Uint8Array(uint32Arr.length * 4);  
  
// 遍历Uint32Array并转换每个元素为4个字节序列  
for (let i = 0; i < uint32Arr.length; i++) {  
  let value = uint32Arr[i];  
  for (let j = 0; j < 4; j++) {  
    // 将32位值右移8位（除以256），然后取低8位作为8位无符号整数  
    uint8Arr[i * 4 + j] = value >> 8 * j & 0xFF;  
  }  
}  
  
console.log(uint8Arr); // 输出转换后的Uint8Array
// [101, 77, 103, 113, 121, 121, 112, 108, 55, 84, 71, 79, 55, 99, 65, 98]

纯算法 Python


def int_to_bytes(n):
    # 使用 '>I' 表示大端序（Most Significant Byte First）的无符号整数格式
    return n.to_bytes((n.bit_length() + 7) // 8, 'big')

def decrypt(app_key,en_key):
    int_list = app_key
    byte_list = [int_to_bytes(i) for i in int_list]
    app_key = b''.join(byte_list)
    # app_key = bytes([229, 184, 147, 250, 173, 223, 167, 147, 231, 182, 45, 75, 199, 186, 79, 228])
    # print(list(app_key))

    # 对每个字节进行异或操作
    app_key_xor = bytes([app_key[i] ^ en_key[i] for i in range(len(app_key))])
    return app_key_xor


app_key = [3854078970, 2917115795, 3887476043, 3350876132]
en_key = bytes([128, 245, 244, 139, 212, 166, 215, 255, 208, 226, 106, 4, 240, 217, 14, 134])

ok = decrypt(app_key,en_key)
print(ok)
print(list(ok))
print(ok.decode() == 'eMgqyypl7TGO7cAb')
print(ok.hex() == '654d67717979706c3754474f37634162')

在这里插入图片描述

小白白
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
m3u8直播列表的编辑测试python小工具
05-08
这是我依网上找的资料自已官的一些直播地址编缉工具 1,ok.txt是我网上找到的直播地址经自已写的工具处理后可用的项，它也可以做为编缉工具的开始。 2,工具的基本用法是，在pyhon目录下 >python tv4vlc.py ok.txt 3,命令在同目录下生成工具结果文件。 4,通常的用法是，把网上下的直播文件（m3u8类别），先用tvtest.py去测试基本可用性。 然后，和自已的合并，再用tvdel删除URL相同的。再用tv4vlc.py转成VLC的播放列表，在VLC中再测试一下。 5,转成HTML格式的，放在自已的Openwrt路由器上，方便手机浏览器看。我手的是QQ浏览器。 6,tvsort.py是按url排序，一些相同的节目可能还是要手工改。
Python-m3u8Pythonm3u8HTTP流媒体直播HLS传输的解析器
08-10
m3u8：Python m3u8 HTTP流媒体直播(HLS)传输的解析器
python将下载到本地m3u8视频合成MP4
01-21
import os import requests import datetime from Crypto.Cipher import AES def decode_key_file(key_file_name): with open(key_file_name,r) as f: data=f.read() return data def decode_m_file(m_file_name): with open(m_file_name,r) as f: data=f.read() return data.split(\
uniapp引入Dplayer.js以及hls.js用来解析播放m3u8直播流视频
11-15
dplayer和/hybrid/html/videoPlay.html
Video.js 播放m3u8视频
01-22
Video.js 播放m3u8视频 videojs5.hlsjs.js组件 播放m3u8格式视频需要借助服务器 MP4可以直接播放，可以简单发布iis播放m3u8视频
破解某网课的m3u8文件的key加密
热门推荐
qq_59848320的博客
02-11 4万+
1.首先，找到m3u8文件 打开开发者工具，在搜索栏中搜索m3u8，可以看到两个链接 一个链接其中有三个清晰度不同多的m3u8的文件，下面的一个链接就是我们加载的m3u8的文件 这里可以看到，他是使用的AES-128加密，秘钥链接和iv值都给出了。但是事情真的那么简单吗？ 2.进入key的链接 发现无法访问这个链接。看来key的链接是加密了。 搜索key，可以看到，key的链接确实是加密了，后面加了个token。我们请求一下这个链接看看 得到了一个32字节的文件，但
Hls.js播放m3u8视频 & DPlayer视频播放器（easypan） & MSE简介
pscool的博客
05-29 5565
/ hls.js如何播放m3u8文件（实例）？(https://blog.csdn.net/ffffffff8/article/details/129314268)// Vue 之 视频流 - Hls.js(https://blog.csdn.net/a15297701931/article/details/115478652)// hls的github文档中的api：(https://github.com/video-dev/hls.js/blob/master/docs/API.md)
M3U8视频AES解密播放
sunzq55的博客
01-03 8155
M3U8文件通过AES解密播放视频
Python爬虫:通过js逆向获取某视频平台上的视频的m3u8链接
坚持不懈的大白的博客
09-08 4727
现在我们在网页端看的视频，其前端实现原理就小编目前知道的而言，总的有两点:其一，直接就是一个mp4(或其他类似的)视频链接，如果我们能得到这个视频链接，直接用这个链接就能下载到这个视频；其二，和第一点差不多吧！但是直接用链接下载，获取不到视频文件，而是一个其他类型的文件(比如m3u8文件)，虽然不能直接下载到视频，但是通过进一步处理，最后还是能得到视频文件的。
python 实现视频流播放
dididi的博客
02-24 6490
前言 本项目应用于目标检测在服务器端，没有gui界面查看实时结果的项目上。 如果考虑自己用，可以直接使用flask-video-stream简易视频流搭建来进行轻量化的搭建，但是带宽开销比较大，没有使用H264等协议，720清晰度大约带宽开销15MB，现场项目上无法使用，因此切换成ffmpeg+videojs(vlc也可以，客户端查看)+python的方式实现目标检测的视频流展示。 rtmp 服务器搭建 在服务器端搭建一套rtmp，接收视频流的传输，可以采用docker的方式实现一键化部署，实现链接放这里了
HLS.js:纯Javascript HTTP实时流客户端
05-02
HLS.js 什么？ HLS.js是HTTP Live Streaming视频播放器的纯JS + HTML5，无Flash，无插件的实现。 开发由赞助。 HLS.js旨在使开发人员创建更多功能强大的视频播放器，这些播放器希望在非Apple设备上包括HLS支持。 它不是针对只想将视频放入带有预制嵌入代码的网页中而忘却它的人的。 HLS.js将带您从“ URL到m3u8清单文件”到“在屏幕上绘制像素并将声音传递给扬声器”，并尝试尽可能接近地复制标准HTML5 MediaElement API，但它并未附带任何内置的UI。 您必须自己构建。 目前，HLS.js仅在VOD（非实时流）模式下支持媒体播放列表（不支持主播放列表）。 但是，计划了更多功能，欢迎您提供帮助。 为什么？ 最初的开发是出于对的简单HLS插件的需求而开始的，该插件允许用于大学语言课程的长视频内容的加密流传输，在这种情况下
python爬取m3u8连接的视频
12-24
本文为大家分享了python爬取m3u8连接的视频方法，供大家参考，具体内容如下 要求：输入m3u8所在url，且ts视频与其在同一路径下 #!/usr/bin/env/python #_*_coding:utf-8_*_ #Data:17-10-08 #Auther:苏莫 #Link:http://blog.csdn.net/lingluofengzang #PythonVersion:python2.7 #filename:download_movie.py import os import sys import requests reload(sys) sys.setdefaulte
hls协议的hls.js或者hls.min.js
11-01
最新版本的ckplayer-x 直接支持了html5播放m3u8格式的视频，但是PC平台上使用h5播放器播放m3u8时，ckplayer-x内部需要加载一个hls.min.js。因为下载的ckplayer.zip安装包没有包含该文件，故从其他地方找到相关文件。
video标签播放m3u8视频流需要的hls.js文件
10-23
video标签播放m3u8格式视频流需要的hls.js文件,video标签播放m3u8格式视频流完整代码可在本人博客中查看
.m3u8播放列表文件（索引格式文件）、HLS（HTTP Live Streaming）协议介绍
最新发布
Dontla的博客
01-04 3366
M3U8 是一种基于 HTTP Live Streaming (HLS) 技术的媒体播放列表格式。这是一个非常重要的技术，因为它使得流媒体内容能够适应不同的网络状况和设备能力，从而实现无缝的在线视频体验。
hls二次加密 m3u8_HLS 视频加密小记
weixin_39801202的博客
12-19 2580
我是在ubuntu中，安装好了 ffmpeg加密用的 key(生成一个encrypt2.key文件)openssl rand 16 > encrypt2.key另一个是 iv(生成一段字符串，记下来)openssl rand -hex 16新建一个文件 encrypt2.keyinfo 内容格式如下:Key URI # encrypt2.key的路径，使用http形式Path to ke...
python接入萤石云HLS直播流（海康威视摄像头4g连接条件下）
LUTbang的博客
08-11 4409
1.将插好4g流量卡海康威视摄像头添加到萤石云 下载注册并登陆萤石云，点击添加设备，输入摄像头后部的序列号以及验证码（已改过设备密码的填写密码）。 获取HLS直播流地址 登陆萤石云开发平台（https://open.ys7.com/bbs/article/6），依次选择开发者服务-我的资源-设备列表； 点击添加设备，设备序列号以及验证码（同1）； 点击直播地址即可。 python接入萤石云HLS直播流 由于项目要求不高，我直接直接通过类似于 URL 获取码流的方法
python爬虫视频m3u8实战
weixin_45091564的博客
08-18 1107
与直接播放MP4等视频文件不同，HLS将流媒体切分为若干TS片段，并通过一个扩展的M3U8列表文件将这些TS片段批量下载供客户端播放器实现实时流式播放。因此，在爬取HLS流媒体文件时，我们一般的思路是先下载M3U8文件并分析其中的内容，然后根据文件中定义的TS片段进行批量下载，最后将它们组合成MP4文件或直接保存TS片段。例如m3u8文件下载不下来，ts片段文件被加密了，甚至加密ts片段的密钥也被加密了。我这里省流，就没去合并视频，后面合并的步骤也简单。上完整代码，我没合并哈，
前端播放视频流（rtsp，rtmp,hls）
泽洋数字有限公司的钱奴
01-31 1万+
介绍一下我们平时用的视频流格式 通常我们用的视频流格式分为RTSP,RTMP,HLS三种数据，下面是介绍怎么播放这些数据，相应的代码我都已经上传了。有需要的话可以直接下载，我亲身测试过绝对会好使 据我亲身测试过播放RTSP数据有以下几种方式 第一种方式就是通过VLC插件进行播放 第一步你需要下载一个VLC插件,安装过程就是下一步，下一步就可以然后打开播放器，选择媒体=====》流======》网络在网络URL中输入网上测试的数据（rtsp://wowzaec2demo.streamlock.net/vod/
uniapp项目引入dplayer.js以及hls.js用来解析播放m3u8直播流视频文件
09-04
在Uniapp项目中引入dplayer.js和hls.js可以实现解析和播放m3u8直播流视频文件，具体步骤如下： 1. 首先，将dplayer.js和hls.js的相关文件引入到Uniapp项目中。可以通过npm安装这些库文件，也可以将它们下载到本地然后引入。 2. 在需要使用dplayer的页面中，使用uni.require将dplayer.js引入进来。例如，可以在页面的script标签中使用以下代码： ```javascript import DPlayer from '@/path/to/dplayer.js'; ``` 注意，@/path/to/指的是dplayer.js文件所在的路径。 3. 在页面中创建一个容器元素，用于渲染播放器。可以在template标签中添加一个div元素，例如： ```html <template> <div id="dplayer-container"></div> </template> ``` 这里给div元素设置一个id，以便之后使用。 4. 在页面的mounted钩子函数中，创建并初始化DPlayer实例。可以在mounted函数中添加以下代码： ```javascript mounted() { const container = document.getElementById('dplayer-container'); const options = { // 设置DPlayer的配置选项 }; const player = new DPlayer(options); player.init(); // 其他相关配置和操作 }, ``` 这里需要根据具体项目的需求，设置DPlayer的相关配置选项，比如视频的url、控制栏样式等。可以参考DPlayer的官方文档进行设置。 5. 使用hls.js解析m3u8直播流视频文件。在设置DPlayer的配置选项时，可以通过设置type为'hls'来启用hls.js的解析功能。例如： ```javascript const options = { // 其他配置选项 type: 'hls', url: 'http://example.com/video.m3u8', }; ``` 这里的url需要替换为实际的m3u8直播流视频文件的地址。 通过以上步骤，在Uniapp项目中成功引入dplayer.js和hls.js，并使用DPlayer来解析和播放m3u8直播流视频文件。修改相应的配置选项，可以根据需求进行定制化操作。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值