运用aliplayer和超文本浏览框播放m3u8

聆听天笑 · 发表于 2022-1-9 11:08:54

本帖最后由聆听天笑于 2022-1-9 11:39 编辑

一直想在易语言中直接播放m3u8，尝试了很多种办法，精易浏览器用不了，aplayer也不行，cef到时可以起但是文件太大了。
所以一直想用js+H5直接播放m3u8，有个比较好的方案是videojs可惜了只能在cef里面播放，用超文本浏览框加载不了视频，只有个界面。
最后用了阿里云的aliplayer可以完美解决这个问题，而且超文本浏览框可以直接播放，解决了我想小又想简单的问题。

下面开始正题
1. 阿里云Aliplayer播放器 (alicdn.com) 自己根据需求配置，然后生成代码

[HTML] 纯文本查看 复制代码

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="IE=edge" >
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no"/>
<title>Aliplayer Online Settings</title><link rel="stylesheet"  />
<script type="text/javascript" charset="utf-8" src="https://g.alicdn.com/de/prismplayer/2.9.17/aliplayer-min.js"></script>
</head>
<body>
<div class="prism-player" id="player-con"></div>
<script>
var player = new Aliplayer({
  "id": "player-con",
  "source": "https://cachedata.pangujiexi.com:4433/data/ykm3u8/XNDk5MDM5Nzc1Mg.m3u8",
  "width": "100%",
  "height": "500px",
  "autoplay": true,
  "isLive": false,
  "rePlay": false,
  "playsinline": true,
  "preload": true,
  "controlBarVisibility": "hover",
  "useH5Prism": true
}, function (player) {
    console.log("The player is created");
  }
);
</script>
</body>

然后将这个代码保存到本地，重新命名为player.html
在超文本框直接用这个player.html即可播放m3u8
捕获.PNG

2.提供一个替换player.html里面的source

子程序名	返回值类型	公开	备注
替换player视频源
参数名	类型	参考	可空	数组	备注
视频源	文本型

变量名	类型	静态	数组	备注
文件号	整数型
原始文本	文本型			提前换
正则	正则表达式类
新文本	文本型			替换后

文件号＝打开文件 (取运行目录 () ＋ “\player.html”, , )
读入数据 (文件号, 原始文本)
移到文件首 (文件号)
正则.创建 (“#引号source#引号: #引号([\s\S]*?)#引号”, 原始文本, 假, 假, 真, 真)
新文本＝正则.替换 ( #引号＋ “source” ＋ #引号＋ “: ” ＋ #引号＋视频源＋ #引号 )
' 删除数据 (文件号, 10000)
写出数据 (文件号, 新文本)
关闭文件 (文件号)

聆听天笑 · 发表于 2022-1-9 11:10:34

aliplayer在线配置
http://player.alicdn.com/aliplayer/setting/setting.html

聆听天笑 · 发表于 2022-1-9 20:55:16

有个问题，就是最大化，这个玩意有点两次，还没想到更好的解决办法，现有的解析m3u8不怎么稳定，如果自己有的话，可以自己更换

player源码.zip (263.65 KB, 下载次数: 91)

聆听天笑 · 发表于 2022-1-10 16:18:54

本帖最后由聆听天笑于 2022-1-10 16:20 编辑

player.zip (272.26 KB, 下载次数: 83)

266558 · 发表于 2023-11-13 11:27:33

支持开源~！感谢分享

漂亮雪儿 · 发表于 2023-11-10 14:46:35

感谢分享

漂亮雪儿 · 发表于 2023-11-10 12:05:14

看看~~~~~~~~~~

lzhjmxf · 发表于 2023-11-9 17:05:36

感谢分享

jcos · 发表于 2023-11-2 22:03:51

本帖最后由 jcos 于 2023-11-2 22:05 编辑

这个好呀！这样就不想用webview2这货了，它不支持win10以下的系统，用上这个就没问题！真棒{:3_59:}
为你加油！！！！！！
　☆  *　.  　☆
　　. ∧＿∧　∩　* ☆
*  ☆ ( ・∀・)/ .
　.  ⊂　　ノ* ☆
☆ * (つノ  .☆
　　 (ノ

在想要不要把我的追剧小能手换了呢？想想还是算了，太费时间..换了要改好多东西

luyi6137 · 发表于 2023-10-30 14:13:48

js那块看不懂郁闷

luyi6137 · 发表于 2023-10-30 10:03:37

学习一下

dhrjgzs · 发表于 2023-10-28 21:50:32

66666666666666666666666

zgg0133 · 发表于 2023-5-24 10:46:22

4444444444444444444444444444444444444444444444

zgg0133 · 发表于 2023-5-24 10:46:01

4444444444444444444444444444444444444444444444444

		自动登录	找回密码
密码			注册

[易源码分享] 运用aliplayer和超文本浏览框播放m3u8

点评

评分