精华内容
下载资源
问答
  • dplayer播放器
    千次阅读
    更多相关内容
  • 苹果cms dplayer播放器源码 增加记忆P2P播放 自动下一集 弹幕等功能 搭建过苹果cms的都知道,苹果cms自带的播放器都特别拉跨 如:DP ali这些都只要一些基础的功能,但是现在这些功能都都满足不了用户群体,所以今天...
  • dplayer播放器.rar

    2020-06-21 18:49:04
    网页m3u8格式在线解析播放,苹果CMS影视站点dplayer播放器,不会使用的可以在压缩包查看使用说明。
  • dplayer播放器增加记忆 P2P播放 自动下一集 弹幕功能 搭建过苹果cms的都知道,苹果cms自带的播放器都特别拉跨 如:DP ali这些都只要一些基础的功能,但是现在这些功能都都满足不了用户群体,所以今天小编给大家带来...
  • 很多朋友在用maccms的时候会遇到采集的视频资源存在大量的广告,这款Dplayer播放器不经能去除视频里的垃圾广告,还能站长自己添加广告。  播放器整合说明: 1、整合的苹果cmsV10程序,其他程序无效 2、使用的...
  • 第三代dplayer播放器记忆+P2P播放+自动下一集功能.zip播放器。
  • DPlayer播放器

    万次阅读 2020-12-25 16:28:05
    DPlayer播放器 前言 DPlayer播放器支持弹幕,音量调节,后期的弹幕设置以及放大缩小屏幕等操作,好的一点是比上次那个flv的demo好一点,进入正题。 效果预览 推流使用OBS直播平台,浏览器使用Chrome 源码呈上 附上...

    DPlayer播放器

    前言
    今天花了点时间看了一下DPlayer播放器,DPlayer播放器支持弹幕,音量调节,后期的弹幕设置以及放大缩小屏幕等操作,好的一点是比上次那个flv的demo好一点,总感觉用DPlayer播放器和flvdemo的播放器时间误差减小了点,进入正题。


    效果预览

    推流使用OBS直播平台,浏览器使用Chrome

    在这里插入图片描述
    源码呈上

    附上代码地址:https://github.com/lym-github01/DPlayer

    有更好的提议或者疑问,欢迎在issue提,我会第一时间回复!

    核心代码

    – HTML代码 –

    <!DOCTYPE html>
    <html>
    <head>
        <meta charset="UTF-8">
        <title>DPlayer Demo</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/github-markdown-css">
        <link rel="stylesheet" href="demo.css">
        <script src="https://cdn.jsdelivr.net/npm/flv.js/dist/flv.min.js"></script>
        <script src="https://cdn.jsdelivr.net/npm/hls.js/dist/hls.min.js"></script>
        <script src="https://cdn.jsdelivr.net/npm/dashjs/dist/dash.all.min.js"></script>
        <script src="https://cdn.jsdelivr.net/webtorrent/latest/webtorrent.min.js"></script>
        <script src="https://cdn.jsdelivr.net/npm/pearplayer"></script>
        <script src="DPlayer.js"></script>
    </head>
    <body class="markdown-body">
    <h2>在 dialog 中承载视频</h2>
    <h3 id="dplayer-dialog" class="show-dialog">Show Dialog</h3>
    <div id="float-dplayer" class="float-dplayer">
        <div id="dplayer-container" class="dplayer-container"></div>
        <h3 id="close-dialog" class="close-dialog">X</h3>
    </div>
    <h2 id="quick-start">Quick Start</h2>
    <div class="example" style="width: 100%">
        <div class="bofang" id="dplayer1"></div>
        <div class="bofang" id="dplayer2"></div>
        <div class="bofang" id="dplayer3"></div>
        <div class="bofang" id="dplayer4"></div>
        <div class="bofang" id="dplayer5"></div>
        <div class="bofang" id="dplayer6"></div>
        <div class="bofang" id="dplayer7"></div>
    </div>
    <script src="https://cdn.jsdelivr.net/npm/stats.js"></script>
    <script src="demo.js"></script>
    </body>
    </html>
    

    – JS代码 –

    function initPlayers(num) {
        window.dp1 = new DPlayer({
            container: document.getElementById('dplayer' + num),
            preload: 'none',
            autoplay: true,//自动播放
            hotkey: true,//热键
            screenshot: true,//开启截图功能
            live:true,//直播形式
            // screenshot: true,//后期配给视频的字幕显示
            mutex:false,
            //播放地址
            video: {
                url:"http://192.168.0.200:81/live?port=1935&app=hls&stream=mystream",//视频地址
                type:"flv",//视频类型
                pic: 'https://i.loli.net/2019/06/06/5cf8c5d9c57b510947.png',//首先显示背景图
                thumbnails: 'https://i.loli.net/2019/06/06/5cf8c5d9cec8510758.jpg',//缩略图
            },
            //后期给视频配的字幕数据
            subtitle: {
                url: 'https://s-sh-17-dplayercdn.oss.dogecdn.com/hikarunara.vtt',
            },
            //弹幕
            danmaku: {
                id: '9E2E3368B56CDBB4',
                api: 'https://api.prprpr.me/dplayer/',
                addition: ['https://s-sh-17-dplayercdn.oss.dogecdn.com/1678963.json'],
            },
        });
    }
    var data = document.getElementsByClassName('bofang').length;
    for (var i = 1; i <= data; i++) {
        initPlayers(i);
    }
    

    步骤

    1,配置好OBS直播平台

    如有不会的,可以看我之前的博客:链接附上————

    2,运行代码实现效果踩坑

    (1)在cnpm i时报node-sass@5.0.0错误

    • 首先把代码拉到本地后,cnpm i的时候会出现node-sass@5.0.0问题,这个问题我已经改好了,如果各位在cnpm i 或者 npm run dev 的时候出现,可能是node与node-sass不适配,给大家放一张适配图,可以按照上面更改node版本或者node-sass版本

    在这里插入图片描述

    • 修改node-sass最简单的方法,直接找到package.json文件,找到node-sass直接修改后面的版本号即可

    (2)在npm run dev 运行时报node与npm不适配

    3,展示数量

    经过测试,浏览器还是只能允许最多6个视频,超过就进入等待状态,显示不了画面,也有可能就像github的issues里有人说的“和http1.1,浏览器限制了”有关系吧。

    目前问题我就发现了这几条,如果还有更好的提议或者疑问的,欢迎在下方留言,我会第一时间参与讨论。

    展开全文
  • dplayer播放器本地化P2P加速版源码,提升P2P加速、共享、记忆播放、拖动快进等功能完整优化版 DPlayer适用于于各种CMS,这个快绝版了,有能力自己修改吧。 PC端自动P2P加速,越多人看同一个源,速度越快。 移动端要...

    介绍:

    dplayer播放器本地化P2P加速版源码,提升P2P加速、共享、记忆播放、拖动快进等功能完整优化版
    DPlayer适用于于各种CMS,这个快绝版了,有能力自己修改吧。
    PC端自动P2P加速,越多人看同一个源,速度越快。
    移动端要使用支持P2P加速的浏览器,如:QQ浏览器,才可以使用P2P加速功能。
    如不能P2P,要到https://oms.cdnbye.com/ 注册账号,绑定你的域名。认证后就可以使用,每天签到一下可以免费获取25G流量。


    特色功能:

    增加:新记忆播放功能
    增加:移动端播放状态栏左右拖动功能
    增加:CKPlayer,dplayer原版和P2P版


    安装方法:

    http://域名/?url= //源码上传至根目录
    http://域名/目录/?url= //源码上传至二级目录


    网盘下载地址:

    http://kekewl.net/krrteOJnRtL0


    图片:


    展开全文
  • 苹果cms 全局播放器dplayer带后台Dplayer播放器苹果CMSV10插件在使用dplayer播放器播放视频的时候,我们可能会用的在视频播放前加个广告,暂停视频的时候,也加个广告什么的,就像爱奇艺视频、腾讯视频那样在播放前...

    苹果cms 全局播放器dplayer带后台Dplayer播放器苹果CMSV10插件

    gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==

    在使用dplayer播放器播放视频的时候,我们可能会用的在视频播放前加个广告,暂停视频的时候,也加个广告什么的,就像爱奇艺视频、腾讯视频那样在播放前加贴片广告! 而我这里开发的这款播放器,是整合的苹果cmsv10程序,带后台设置,可自由对播放器广告进行设置。

    播放器整合说明

    下载之后解压上传到程序addons目录

    dplayer.html上传到static/player目录

    首页添加快捷菜单

    插件主要功能

    1、整合的苹果cmsV10程序,其他程序无效

    2、使用的Dplayer播放器,广告设置效果仅支持PC端(播放器全屏状态下,暂停广告无效,另一款CKPlayer的可以)

    3、安卓手机支持显示前置广告,不支持显示暂停广告

    4、苹果手机自测,不保证手机端支持前置和暂停广告

    5、移动端因为播放视频会强制调用浏览器自带的H5播放器,所以部分广告设置没有效果

    6、IE浏览器内核无法播放m3u8格式视频

    7、更多效果,请自己根据演示站测试!

    8、播放器支持播放的视频格式说明:只支持mp4、m3u8

    9、播放器广告格式说明:前置图片广告仅支持图片格式;前置视频广告仅支持m3u8、MP4格式;暂停广告仅支持图片格式

    展开全文
  • 整合苹果CMSV10 dplayer播放器,我们在采集资源的时候为了多个线路播放,会选择采集好几个甚至十几个资源站的资源接口。这就需要我们下载很多个资源站的播放器,不但比较麻烦有的还附带接口广告。我们其实可以全部...
  • Dplayer播放器

    千次阅读 2020-10-30 11:10:33
    npm install vue-dplayer -S <!--组件调用示例--> <template> <div> <d-player :options="options" @play="play" ref="player"> </d-player> </div> </template> &...
  • Dplayer播放器集成p2p加速源码分享

    千次阅读 2021-03-22 22:14:46
    本文教程仅适用于M3U8资源加速!支持跨域!至于什么是p2p加速?自己百度下吧 P2P加速模块来自CDNBye OMS ,可后台实时查看在线...text-shadow:1px 1px 1px #000, 1px 1px 1px #000} #dplayer{position:inherit}
  • 2、使用的Dplayer播放器,广告设置效果仅支持PC端 3、安卓手机支持显示前置广告,不支持显示暂停广告 4、苹果手机自测,不保证手机端支持前置和暂停广告 5、移动端因为播放视频会强制调用浏览器自带的H5播放器,所以...
  • 2、使用的Dplayer播放器,广告设置效果仅支持PC端 3、安卓手机支持显示前置广告,不支持显示暂停广告 4、苹果手机自测,不保证手机端支持前置和暂停广告 5、移动端因为播放视频会强制调用浏览器自带的H5播放器,所以...
  • Dplayer播放器就不过多介绍了,不知道的可以查看官方项目地址:点击查看,算是目前国内比较火的视频播放器,貌似很多人喜欢用弹幕功能,而官方提供的弹幕api已经挂了,所以我们想使用的话,要么使用公开的api接口,...
  • 很多朋友在用maccms的时候会遇到采集的视频资源存在大量的广告,这款Dplayer播放器不经能去除视频里的垃圾广告,还能站长自己添加广告。 播放器整合说明: 1、整合的苹果cmsV10程序,其他程序无效 2、使用的Dplayer...
  • Dplayer播放器简单用法可参考 https://www.cnblogs.com/bamboopanders/p/13431476.html <div id="player1" class="dplayer"></div> <!-- ... --> <script src="dist/DPlayer.min.js"></...
  • vue引用DPlayer播放器

    2022-07-28 15:46:43
    用过vue-video-player和html5 video...vue-video-player音量进度调节需要写js且使用感很不好;...综上的缺点改用了dplayer播放,目前感觉良好,功能很完善,期望能兼容各个浏览器,后续有任何问题将会留下笔记。.........
  • 苹果cms10整合dplayer播放器

    千次阅读 2020-05-18 20:16:03
    这两天搭建了一个自己的苹果cms影视站,安装好以后懒得去下载那么多播放器整合包,就想到全部用dplayer播放器,这样采集的资源都是直接看的也没有接口广告。操作方法如下:采集-自定义资源站,添加一个资源站,输入...
  • 苹果cms8整合dplayer播放器

    万次阅读 2021-05-02 00:31:12
    二、整合dplayer播放器 1、新建txt文档,将以下代码复制到txt文档中,并将txt文档命名为dplayer.php <html> <head> <title>dplayer增加记忆+P2P播放</title> <meta ...
  • Dplayer播放器 整合前置广告、暂停广告3.0免费版 很多朋友在用maccms的时候会遇到采集的视频资源存在大量的广告,这款Dplayer播放器不经能去除视频里的垃圾广告,还能站长自己添加广告。 将addons和static文件夹上次...
  • Bootstrap实战—Dplayer播放器(图片) 本章介绍如何利用Dplayer播放器来构建视频播放网页。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>融职教育</title&...
  • 搭建过苹果cms的都知道,苹果cms自带的播放器都特别拉跨 如:DP ali这些都只要一些基础的功能,但是现在这些功能都都满足不了用户群体,所以今天小编给大家带来一款二改过的播放器新增了记忆播放,P2P播放,自动下一...
  • P2P加速视频解析dplayer播放器源码(带记忆播放) LOGO可以自定义大小 位置以及是否显示。P2P加速信息也可以设置是否显示。 经典的M3U8播放器,画中画悬浮播放,可以随意拖动,支持桌面播放,大小调节, 源码属于...
  • 声明:除特殊声明外本站文档均由作者原创,转载请注明出处,原文地址:苹果cms整合dplayer播放器增加记忆+P2P播放+自动下一集 今天给大家分享下给dplayer播放器增加记忆+P2P播放+自动下一集功能,首先呢先替换下面...
  • npm我也安装了,至于那个...下面的快速开始那里我也是照着放到页面中,至于那个js, DPlayer.min.js 文件,也不清楚去哪里搞这个js文件,我就自己创建了一个,然后把下面的初始化放进去,但放进去之后刷新页面啥也没有
  • p2p播放+记忆播放+自动下一集功能的苹果cms dplayer播放器优化

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 607
精华内容 242
关键字:

dplayer播放器