ckplayer

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 1763|回复: 6

想制作支持M3U8格式的解析接口

[复制链接]

2

主题

4

帖子

50

积分

注册会员

Rank: 2

积分
50
发表于 2022-5-3 20:37:39 | 显示全部楼层 |阅读模式


   俺在文件根目录新建命名为 ckplayer.html 的文件 ~  

      打开解析接口时显示黑屏~

   

ckplayer.html  文件代码如下:

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>CKplayerX3播放器 </title>
  6. <link type="text/css" rel="stylesheet" href="./ckplayerx3/css/ckplayer.css" />
  7. <script type="text/javascript" charset="utf-8" src="./ckplayerx3/language/zh.cn.js"></script>
  8. <script type="text/javascript" charset="UTF-8" src="./ckplayerx3/js/ckplayer.js"></script>
  9. <style type="text/css">
  10. body,html{height:100%;background-color:#000;margin:0px;padding:0px;overflow:hidden;}
  11. #rongyao{height:100%;}
  12. </style>
  13. </head>
  14. <body>
  15. <div id="rongyao"></div>
  16. <script type="text/javascript">
  17. function getQueryVariable(variable) {
  18.     var query = window.location.search.substring(1);
  19.     var vars = query.split("&");
  20.     for (var i = 0; i < vars.length; i++) {
  21.         var pair = vars[i].split("=");
  22.         if (pair[0] == variable) {
  23.             return pair[1];
  24.         }
  25.     }
  26.     return (false);
  27. };
  28. var videoObject = {
  29.     container: '#rongyao',
  30.     autoplay: true,
  31.     loaded: 'loadedHandler',
  32.     screenshot:true,//截图功能是否开启
  33.     plug:'hls.js',//使用插件
  34.           rightBar:true,//是否开启右边控制栏
  35.     smallWindows:true,//是否启用小窗口模式
  36.           playbackrateOpen:true,//是否开启控制栏倍速选项
  37.           webFull:true,//是否启用页面全屏按钮,默认不启用
  38.           theatre:true,//是否启用剧场模式按钮,默认不启用
  39.     video: getQueryVariable("url")
  40. };
  41. var player=new ckplayer(videoObject);
  42. </script>
  43. </body>
  44. </html>


  45. <html>
  46.     <head>
  47.         <link rel="stylesheet" type="text/css" href="ckplayer/css/ckplayer.css">
  48.         <script type="text/javascript" charset="utf-8" src="ckplayer/js/ckplayer.js"></script>
  49.     </head>
  50.     <body>
  51.         <div class="video" style="width: 600px;height: 400px;"></div>
  52.         <script type="text/javascript">
  53.             //定义一个变量:videoObject,用来做为视频初始化配置
  54.             var videoObject = {
  55.                 container: '.video', //“#”代表容器的ID,“.”或“”代表容器的class
  56.                 video: 'video/lc.mp4'//视频地址
  57.             };
  58.             new ckplayer(videoObject);//初始化播放器
  59.         </script>
  60.     </body>
  61. </html>
复制代码




        不知道哪里出错了,大神们帮我看看多谢啦~

        我想制作支持M3U8 格式的 直播源解析接口





本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x
回复

使用道具 举报

5

主题

82

帖子

274

积分

中级会员

Rank: 3Rank: 3

积分
274
QQ
发表于 2022-5-3 21:15:06 | 显示全部楼层
应该这样   域名/?url=https://cfyy.vip/api/yzb/991.m3u8
回复

使用道具 举报

2

主题

4

帖子

50

积分

注册会员

Rank: 2

积分
50
 楼主| 发表于 2022-5-3 21:23:53 | 显示全部楼层
zxjung 发表于 2022-5-3 21:15
应该这样   域名/?url=https://cfyy.vip/api/yzb/991.m3u8

http://haiyang8.3vcm.vip/ckplayer.html?url=

  不是这样的吗?
回复

使用道具 举报

5

主题

82

帖子

274

积分

中级会员

Rank: 3Rank: 3

积分
274
QQ
发表于 2022-5-3 21:41:44 | 显示全部楼层
haiyang8 发表于 2022-5-3 21:23
http://haiyang8.3vcm.vip/ckplayer.html?url=

  不是这样的吗?

空间里没有 css js 文件

你访问看看 http://haiyang8.3vcm.vip/ckplayerx3/css/ckplayer.css

http://haiyang8.3vcm.vip/ckplayerx3/js/ckplayer.js

回复

使用道具 举报

0

主题

1

帖子

13

积分

新手上路

Rank: 1

积分
13
发表于 2022-5-4 09:18:45 | 显示全部楼层
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>CKplayerX3播放器 </title>
<link type="text/css" rel="stylesheet" href="https://www.ckplayer.com/public/static/ckplayer-x3/css/ckplayer.css" />
<script type="text/javascript" src="/zh.cn.js"></script>
<script type="text/javascript" src="https://www.ckplayer.com/public/static/ckplayer-x3/js/ckplayer.js"></script>
<script type="text/javascript" src="https://www.ckplayer.com/public/static/ckplayer-x3/mpegts.js/mpegts.js"></script>
<style type="text/css">
body,html{height:100%;background-color:#000;margin:0px;padding:0px;overflow:hidden;}
#rongyao{height:100%;}
</style>
</head>
<body>
<div id="rongyao"></div>
<script type="text/javascript">
function getQueryVariable(variable) {
    var query = window.location.search.substring(1);
    var vars = query.split("&");
    for (var i = 0; i < vars.length; i++) {
        var pair = vars[i].split("=");
        if (pair[0] == variable) {
            return pair[1];
        }
    }
    return (false);
};

var videoObject = {
container: '.video', //容器的ID或className
    menu:[
                        {
                                title:'播放/暂停',
                                click:'player.playOrPause',
                        }
                        ],
    plug:'m3u8',//插件 m3u8 flv
    logo:'logo.png',
    container: '#rongyao',
    autoplay: true,
    loaded: 'loadedHandler',
    screenshot:true,//截图功能是否开启
        live:false,//直播 true false
    plug:'hls.js',//使用hls.js插件播放m3u8
    rightBar:true,//是否开启右边控制栏
    smallWindows:true,//是否启用小窗口模式
    playbackrateOpen:true,//是否开启控制栏倍速选项
    webFull:true,//是否启用页面全屏按钮,默认不启用
    theatre:true,//是否启用剧场模式按钮,默认不启用
    video: getQueryVariable("url")
};
var player=new ckplayer(videoObject);
</script>

</body>
</html>
回复

使用道具 举报

2

主题

19

帖子

845

积分

高级会员

Rank: 4

积分
845
发表于 2022-5-5 15:11:45 | 显示全部楼层
你这免费空间不行哦

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x
回复

使用道具 举报

2

主题

4

帖子

50

积分

注册会员

Rank: 2

积分
50
 楼主| 发表于 2022-5-5 23:22:47 | 显示全部楼层
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

快速回复 返回顶部 返回列表