url=视频地址 下载 弹幕播放器下载地址： bilibili-1.2.1.zip 效果如下 ** 如果有人要使用的话，可以直接调用** 调用方式 http://di.catdog007.icu/player...解密 `yzmplayer.js` 文件 2. 修复了视频弹幕非独立的问题 3. 兼容了 PHP7.X，在 PHP7.4 环境测试通过 4. 更新版本号至 v1.2.1 5....修改播放器后台密码 dmku/config.inc.php 4. 登录后台 你的域名/admin 密码为第3步修改的密码 5....播放器功能可后台设置 # 参数说明（player/index.php） "av":'',//B站av号，用于调用弹幕 "url":"<?
本文章将介绍，如何制作一个简单的视频播放器。用少量关键的代码来实现视频播放器核心功能。 点击这个链接，在线预览最终视频播放器 https://nplayer.js.org/ 。...bar.addEventListener('pointercancel', onBarPointerEnd, true) 这里使用 PointerEvent 来实现监听控制条的拖拽，它的好处是兼容 PC...想要跨浏览器兼容的全屏 API 可以使用 screenfull.js。...URL.revokeObjectURL(url) }, 'image/png') }) 源码 https://github.com/woopen/nplayer（欢迎点赞） 总结 此系列文章，将教大家做个弹幕视频播放器...file=/src/index.js
播放器简介 一款防bilibili的播放器，支持弹幕和后台管理，主要是这个播放器是仿B站的，很简洁，特别合适用来web开发。...功能特色 插件功能：弹幕后台、前置广告、暂停广告、会员去广告，记忆回放，自动下一集 插件支持：.m3u8、.mp4、.flv 等常见视频格式，注意：不支持 （MP4） H265 格式的视频 插件兼容：电脑...、手机端 可以用来作为一款友好的视频播放器，用于web视频播放 运行环境 nginx或apache PHP7.X Mysql ≥ 5.5 播放器界面展示 后台登录 后台相关设置管理...播放器界面 web页面中使用效果 安装步骤 解压到网站根目录 登录 你的域名/dmku 进行配置数据库 修改播放器后台账号密码 dmku/config.inc.php...>',//B站av号，用于调用弹幕 "url":"",//视频链接 "id":"<?php echo($_GET['url']);?
基于 Vue.js 的 UI 组件库 iView 项目简介：iView 是一套基于 Vue.js 的 UI 组件库，主要服务于 PC 界面的中后台产品。 特性 ： 高质量、功能丰富。...基于 React 的B站 App 项目简介：本项目是基于 React.js 完成的B站非官方 webapp，API 基于个人的另一个项目 bilibili-service。...项目的主要功能有： 提供手机 APP 的大部分功能，同时兼容手机，PC 端（IOS弹幕播放不能）。 视频源解析（flv->mp4）。...替换 Flash 播放器为 Html5 播放器，配合 CommentCoreLibrary 提供弹幕播放功能，对用户更友好。
1、西瓜视频播放器（XGPlayer） 西瓜团队出品，到目前为止在github上已经斩获4.5K颗星。...支持播放格式：MP4、HLS、FLV、MPEG-DASH 兼容性： PC Web端支持直接播放mp4视频，播放HLS、FLV、MPEG-DASH需要浏览器支持Media Source Extensions...MPEG-DASH 安卓系统Web场景支持直接播放mp4和HLS，播放FLV、MPEG-DASH需要浏览器支持Media Source Extensions 之前我有写过一篇文章，可以查看具体的使用方法 2、flv.js...播放器，HTML5 视频播放器以纯 JavaScript 编写，不含 Flash。...支持格式： mp4、m3u8、flv 等多种格式 4、DPlayer：是一个支持弹幕的 html5 视频播放器。 到目前为止在github上已经斩获11.8K颗星。
B站iframe播放器 B站pc端上分享功能上的iframe代码效果如下图： 哔哩哔哩iframe播放器.jpeg 大体上感觉也没有毛病，但是如果告诉你，暂停时（如上图），除了点击上方视频标题和去哔哩哔哩观看会跳转到...但其实这些还是能忍受的，主要是还有2个缺点，1是浏览器隐身模式下无法播放，2是此播放器在较窄的网页下会自动变为移动端的iframe播放器，这种自动变的是只有播放暂停功能，其余啥功能都没有，甚至没有进度条...考虑到以上种种，我就在想要不直接用移动端iframe播放器这样就不用忍受智障般的pc端B站iframe播放器了。...常用参数 是否自动播放(默认否)：autoplay 默认弹幕开关(默认开启)：danmaku 是否默认静音(默认否)：muted 一键静音按钮是否显示(默认不显示)：hasMuteButton 视频封面下方是都显示播放量弹幕量等信息...(默认显示)：hideCoverInfo 是否隐藏弹幕按钮（默认不隐藏）：hideDanmakuButton 是否隐藏全屏按钮(默认显示)：noFullScreenButton 是否开始记忆播放(默认开启
NPlayer 是一个高度可定制、支持移动端、功能强大的弹幕视频播放器。你可以自定义所有图标、主题色和每个控制项的位置，并且提供了内置组件方便二次开发。...弹幕 NPlayer 弹幕功能是通过插件形式提供的，在需要的时候按需引入即可。 更多请查看 弹幕插件。...比如，播放 HLS 可以引入 hls.js、 shaka hls等相关库，播放 DASH 可以引入 dashjs。...React 组件文档 Vue2 / Vue3 插件文档 总结 NPlayer 是一个支持移动端、高度可定制的弹幕视频播放器。无任何第三方运行时依赖，Gzip 大小 23.3 KB。...file=/src/index.js
DPlayer 是一个支持弹幕的 html5 视频播放器。支持 Bilibili 视频和 danmaku，实时视频（HTTP Live Streaming，M3U8格式）以及 FLV 格式。...，忽略此选项以隐藏弹幕 id: '9E2E3368B56CDBB4', // 必需，弹幕 id，注意：它必须是唯一的，不能在你的新播放器 中使用这些： `https://api.prprpr.me/dplayer.../list` api: 'https://api.prprpr.me/dplayer/', // 必需，弹幕 api token: 'tokendemo', // 可选，api 的弹幕令牌 maximum...库，并且应该在 DPlayer.min.js 之前加载。...DPlayer.min.js 之前加载。
前言 视频播放器一直是Web端比较难整的功能，虽然已经有比较优秀的开源库。可以满足日常开发大部分的功能，但是在一些功能上还是不尽如人意。今天给大家介绍一款由西瓜团队开源的视频播放器。...官方的介绍如下： 字节跳动的视频业务大多数是短视频，早期的时候我们在 video.js 基础上做二次开发。后来发现很多功能达不到我们的要求，比如自定义UI的成本、视频的清晰度无缝切换、视频流量的节省。...h5player.bytedance.com/ github地址： https://github.com/bytedance/xgplayer 特性 支持格式：MP4、HLS、FLV 易拓展：灵活的插件体系、PC...npm 方式 npm install xgplayer # cdn 方式 js...，如自动播放、贴图、音量控制、内置控件关闭等等，更多配置参考 运行效果 丰富的配置 选择器 视频源 尺寸 流式布局 自适应视频内容宽高 音量调节 封面图 倍速调节 预览、全屏 弹幕 画中画 截图 …
//判断是手机端还是pc端 function isPc(){ if(window.navigator.userAgent.match(/(phone|pad|pod...Windows Phone)/i)) { return true; // 移动端 }else{ return false; // PC
鼠标划上去的音效文件 │ ├── background // 动态背景文件 │ ├── css // 主题样式目录 │ │ └── joe.min.scss // 全局样式文件，优先PC...└── joe.setting.min.scss // 后台外观设置的样式文件 │ │ └── OwO.min.scss // 评论表情样式文件 │ │ │ ├── cur // PC...端自定义鼠标风格文件 │ ├── cursor // 鼠标点击页面的特效文件 │ ├── img // 图片文件 │ ├── js // js脚本文件 │ │ └── fish.js...插件、组件库文件 │ ├── 3DTag // 侧边栏3D云标签文件 │ ├── joe.barrager // Joe专用弹幕文件 │ ├── joe.lazyload // Joe专用图片懒加载...owo.json // 评论枚举页面 ├── package.json // 主题推送到cdn，主题作者专用文件 ├── page.php // 独立页面 ├── player.php // 主题内置m3u8播放器页面
该播放器高度可定制，所有图标、按钮、色彩等都可以替换，并且提供了 内置组件 方便二次开发。它还拥有插件系统，弹幕功能 就是使用插件形式提供。...该播放器可以接入任何 流媒体，如 hls、dash 和 flv 等。...file=/src/index.js 安装 使用如下命令快速安装 NPlayer。 npm i -S nplayer 更多请查看 安装。...file=/src/index.js 更多弹幕插件信息，请查看 弹幕插件章节。...file=/src/index.js
https://fengyuanchen.github.io/viewerjs/ 导航插件 okayNav http://www.dowebok.com/204.html 视频播放器 Chimee...：组件化H5播放器框架 http://chimee.org/ https://juejin.im/entry/5a02b480f265da43144020b1 flv.js Bilibili 开源纯...JavaScript 编写的 FLV 播放器 Flash 视频（FLV）播放器 http://chimee.org/ https://juejin.im/entry/5a02b480f265da43144020b1...： 开源、免费的HTML5和Flash视频播放器 https://dogeek.net/ 弹幕播放器 DanmuPlayer - Html5弹幕播放器插件 https://github.com/chiruom.../DanmuPlayer jquery.danmu.js - jQuery弹幕插件 https://github.com/chiruom/jquery.danmu.js scroxt - 字幕字体滚动插件
，今天我们就来分享几款被很多人安利过的超高点赞的视频播放器。...根据电脑配置，自动优化播放器，提供极致观看体验！拥有独家高速运动补偿插帧算法。支持madVR，自定义着色器等插件。定制您的专属观影效果。...最新的高质量视频编解码器，如HEVC（h.265）、h.264、VP9也使用硬件加速功能，因此CPU使用率非常低，因此即使在低端PC或多任务环境中，您也可以享受高质量视频。几乎支持所有视频格式。...YouTube下载功能：您可以输入YouTube URL并从KMPlayer播放和下载PC（64位）！GIF捕捉功能：可以通过运动图像（GIF格式）捕捉运动图像。...支持各种类型的3D眼镜，使您可以获得3D体验随时使用您的3DTV或PC。各种输出格式(并排，上下，页面翻转)支持。使用播放器时不需要一直安装不同的编解码器。
今天无意在GitHub上发现了这个视频播放器，而且看到支持很多格式，于是决定移植到本站上。 DPlayer简介 DPlayer是采用MIT许可的开源项目，使用完全免费。...官方介绍是一款可爱的HTML5弹幕视频播放器。...DPlayer播放器支持弹幕，音量调节，后期的弹幕设置以及放大缩小屏幕等操作 使用方法 1.引入js文件 html js"> js/dist/flv.min.js">js文件可以参考官方文档： https://dplayer.js.org/guide.html#options 2.
type=memoryPlay 安装方法：在项目中引入阿里云播放器 <!...duration: 15000, id: "2", start: 3000, txt: "长弹幕长弹幕长弹幕...duration: 15000, id: "3", start: 4000, txt: "长弹幕长弹幕长弹幕...duration: 15000, id: "4", start: 5000, txt: "长弹幕长弹幕长弹幕...new Player(config); }, }, }; 实现效果如下： Bilibiliplayer仿哔哩哔哩弹幕播放器
github.com/bilibili/discovery[2] ijkplayer 分类：基础工具 开发语言：C, Object-C,Java 基于FFmpeg n3.4的Android / iOS视频播放器...编写的HTML5 Flash Video（FLV）播放器，不依赖Flash。...android上开源弹幕解析绘制引擎,烈焰弹幕。...功能特性 •使用多种方式(View/SurfaceView/TextureView)实现高效绘制 •B站xml弹幕格式解析 •基础弹幕精确还原绘制 •支持mode7特殊弹幕...•多核机型优化，高效的预缓存机制 •支持多种显示效果选项实时切换 •实时弹幕显示支持 •换行弹幕支持/运动弹幕支持 Stars： 8.8k Github： https
navigator.userAgent); window.location.href ="Android.html"; } else { window.location.href ="pc.html...---识别手机或电脑的js开始---> (function(){ var res = GetRequest(); var...---识别手机或电脑的js结束--->
这里的方法找回了视频，但曾经的弹幕没有了，为了以防万一可以提前下载视频和弹幕，在本地用potplayer播放器（公众号内回复 播放器 获取软件）播放b站视频就可以看弹幕了，获得和b站一样的观看体验。...potplayer 播放器 之前我一直用的QQ影音播放器，自从发现了potplayer，体验简直惊艳， potplayer内置支持多种解码器，无需额外安装就能播放几乎所有视频格式文件。...加载直播源后右侧可以看到n多电视台直播源，比如央视6套电影频道，实现了在本地播放器上看电视。 ? 还有实时字幕翻译功能，这个看英语电影的时候比较实用。 ?...再一个就是可以播放视频的时候看弹幕，只需要弹幕文件名和视频文件名相同即可。 下面开始体验下在本地用potplayer播放器播放有弹幕的b站视频。...之后根据cid获取弹幕文件，弹幕文件采用 xml 格式存储，接口地址 https://api.bilibili.com/x/v1/dm/list.so?
JS判断当前设备是 PC IOS Andriod window.onload = function(){ var isPc = IsPC();...var isAndroid = is_android(); if (isPc){ //pc location.href = url;
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
腾讯会议
云直播
对象存储
