DPlayer 是一个支持弹幕的 html5 视频播放器。支持 Bilibili 视频和 danmaku,实时视频(HTTP Live Streaming,M3U8格式)以及 FLV 格式。
说明:博主之前发过DPlayer弹幕后端搭建教程→传送门,也说了下HTML代码的使用方法,不过对于Typecho博客来说,插件不能用会很麻烦,加上看见很多使用Typecho的同学对这个还是有点兴趣的,所以就咨询了下某大佬插件修复方法,貌似是播放器版本没更新到最新,然后在这里就说下,有需求的可以用下。
说明:之前有同学要求博主出个DPlayer弹幕后端搭建教程,刚好本博客的Handsome主题更新并完美适配了Dplayer,然后就研究了下,发现了点小问题,如作者提供的弹幕API加载不出弹幕,而且Typecho当中的Dplayer插件有点旧无法对接V3后端,不知道其它程序插件是不是这样,这里博主只能使用HTML代码直接输出调用,经测试已完全正常加载弹幕和观看。这里就说下搭建及使用方法。
DPlayer是一个可爱的HTML5 danmaku视频播放器,可以帮助人们轻松地构建视频和danmaku。
# 默认不自动播放,弹幕开启 [#dplayer url="http://xxx.com/xxx.mp4" pic="http://xxx.com/xxx.jpg"/] # 关闭弹幕 [#dplayer url="http://xxx.com/xxx.mp4" pic="http://xxx.com/xxx.jpg" danmu="false"/] # 开启自动播放 [#dplayer url="http://xxx.com/xxx.mp4" pic="http://xxx.com/xxx.jpg"
阳春三月,我们等来不是草长莺飞,也不是拂堤杨柳,而是居家工作和学习。不知不觉小王子在家上网课已有2周了,虽然现在没有2020年时的慌乱,但还是让我多了一些事,除了盯作业外,还有就是帮他找一些学习资源,只是现在好多网站的视频都是m3u8流媒体,下载下来某些视频软件不支持,另外发现本站也不支持m3u8播放。
https://github.com/MoePlayer/DPlayer-Typecho 使用方式 下载后将文件夹名改为DPlayer上传启用即可 默认不自动播放,弹幕不开启 [dplayer url="http://xxx.com/xxx.mp4" pic="http://xxx.com/xxx.jpg"/] 开启弹幕 [dplayer url="http://xxx.com/xxx.mp4" pic="http://xxx.com/xxx.jpg" danmu="true"/] 开启自动播放 [
DPlayer是一个支持弹幕的HTML5视频播放器。支持Bilibili视频和danmaku,支持HLS、FLV、MPEG DASH、WebTorrent以及其他视频格式,支持截屏、热键、切换清晰度以及字幕等 官方文档:https://dplayer.js.org/
导语 随着4G/5G时代的到来,短视频/直播行业开始流行,音视频逐渐成为信息传播中流量占比最大的部分。腾讯云对象存储(COS)作为可容纳海量数据且支持 HTTP/HTTPS 协议访问的分布式存储服务,早已不是一个简单的对象存储服务,结合数据万象(CI)的数据处理能力,同时具备丰富的音视频能力。 本期 COS 音视频实践,将带您用多种姿势让您存储在 COS 上的视频在 Web 浏览器上“跑”起来,在浏览器下用多款播放器播放您的视频文件。 一. Web 视频播放器介绍 1. HTML :<v
随着4G/5G时代的到来,短视频/直播行业开始流行,音视频逐渐成为信息传播中流量占比最大的部分。腾讯云对象存储(COS)作为可容纳海量数据且支持 HTTP/HTTPS 协议访问的分布式存储服务,早已不是一个简单的对象存储服务,结合数据万象(CI)的数据处理能力,同时具备丰富的音视频能力。
笔者利用空余时间研究了一下javascript的Intersection Observer API,发现其有很大的应用场景,比如图片或者内容的懒加载,视差动画等。笔者也在之前的文章中详细介绍了3种Observer(观察者)的用法,包括位置监听,dom变化监听以及窗口变化监听,它们有非常多的应用场景,所以很有必要研究明白, 感兴趣的可以读完本片文章之后学习一下(几个非常有意思的javascript知识点总结).
去年利用空余时间研究了一下javascript的Intersection Observer API,发现其有很大的应用场景,比如图片或者内容的懒加载,视差动画等。我也在之前的文章中详细介绍了3种Observer(观察者)的用法,包括位置监听,dom变化监听以及窗口变化监听,它们有非常多的应用场景,所以很有必要研究明白, 感兴趣的可以读完本片文章之后学习一下(几个非常有意思的javascript知识点总结).
1、西瓜视频播放器(XGPlayer) 西瓜团队出品,到目前为止在github上已经斩获4.5K颗星。 支持播放格式:MP4、HLS、FLV、MPEG-DASH 兼容性: PC Web端支持直接播放mp4视频,播放HLS、FLV、MPEG-DASH需要浏览器支持Media Source Extensions iOS系统Web场景支持直接播放mp4和HLS,不支持播放FLV、MPEG-DASH 安卓系统Web场景支持直接播放mp4和HLS,播放FLV、MPEG-DASH需要浏览器支持Media Source Extensions 之前我有写过一篇文章,可以查看具体的使用方法 2、flv.js播放器,HTML5 视频播放器以纯 JavaScript 编写,不含 Flash。 bilibili出品,到目前为止在github上已经斩获20.2K颗星。 兼容性: Chrome, FireFox, Safari 10, IE11 和 Edge 3、chimee H5播放器 奇舞团视频云出品,到目前为止在github上已经斩获2.3K颗星。 支持格式: mp4、m3u8、flv 等多种格式 4、DPlayer:是一个支持弹幕的 html5 视频播放器。 到目前为止在github上已经斩获11.8K颗星。 支持格式:HLS,FLV,MPEG DASH,WebTorrent
之前我也做过基于DPLayer开发的在线播放器,但是很简单简陋,那么这次,使用Vue全家桶再次进行开发,支持更多功能,更多扩展。后续会加载更多功能。
注:在jsdeliver中可以找到Dplayer, DPlayer.main.js
将 mp4 转为 ts 后, 使用 ffmpeg 将 ts 文件切片, 然后上传到 Github 的仓库里
hexo-tag-aplayer:https://github.com/grzhan/hexo-tag-aplayer 官方简介: Embed APlayer(https://github.com/DIYgod/APlayer) in Hexo posts/pages.很明显,除了posts,还可以在pages页面使用。
1.博客中如果要插入本地音频,需要先安装hexo-tag-aplayer,在你的cmd输入
对于博客来说,媒体资源的存取方式至关重要,借助Jsdelivr加速Github上存储的图片已经是公认的方案,但对于视频来说,面对动辄几百兆的视频资源,你几乎无法找到一个免费的“视频床”,在第三方直接防盗链能力日渐完善的当下,急切需要一种折中方案。本文就借鉴前辈的尝试,将视频存放在Github之上并利用Jsdelivr实现加速,并利用DPlayer将其插入到自己的博客中。
(function(){var player = new DPlayer({"container":document.getElementById("dplayer0"),"theme":"#FADFA3","loop":true,"video":{"url":"https://jalammar.github.io/images/attention_process.mp4"},"danmaku":{"api":"https://api.prprpr.me/dplayer/","token":"tokendemo"}});window.dplayers||(window.dplayers=[]);window.dplayers.push(player);})()
前段时间不是写了基于videojs播放器的插件吗,然后看见有人说国内用DPlayer来搭配的比较多,我就找了下DPlayer,但是找的途中,才看见了西瓜播放器这款产品,是字节跳动旗下的开源产品。所以我就直接放弃DPlayer,改用西瓜播放器来试了下。
支持 m3u8、mp4,flv 和 mkv 格式,不过编码必须是 H.264 AAC
bilibili插件 bilibili 颜文字 颜文字 表情 表情 下载按钮 {% btn https://www.baidu.com, 点击下载百度, download fa-lg fa-fw %} 点击下载百度 引用 {% cq %} 人生乃是一面镜子, 从镜子里认识自己, 我要称之为头等大事, 也只是我们追求的目的! {% endcq %} 人生乃是一面镜子, 从镜子里认识自己, 我要称之为头等大事, 也只是我们追求的目的! 代码块 代码 图标 https://fontawesome.com/v4
First add configuration in _config.yml from your hexo project.
我们如果想发布带音视频播放器的文章,主要不在于后台是否支持而是在于前端主题是否支持。
Typecho添加实时搜索,主题默认的话,点击搜索结果时会直接跳转至对应的页面,但是若你的主题使用了 AJAX 或者 PJAX 技术,你可能需要使用自定义的钩子来处理点击事件(例如发起一次 PJAX 操作等接下来一系列操作)说了那么多还不如直接下载启动这个插件,一切都为我们准备就绪,在cache有一个小小的json数据,看起来也是做了减压优化,为小服务器做了着想。咱也不懂,反正给博客带来了实时搜索体验,用就完事了,奥利给。。
离开和进入页面时改变网页标题,最近也才刚刚开始js学习,下面这段代码简单就是说访客如果离开你的网站之后,站点标题会发生变化。原理是使用了HTML5的Page Visibility API 目前页面可见性API有两个属性,一个事件:
我这里用的是http://www.ngrok.cc其他的自行试用 这个可以免费 。
今天给主题升级了一下版本,记录Joe2.0样式常用到的一些样式的写法,能够丰富写作的形式,不错,用这篇文章记录一下
文章目录 前言 准备工作 官方文档 官方工具 开源工具 开始开发 效果 问题点 前言 本篇章只针对官方提供个h5player工具,做播放和分屏demo。 当然本篇章也是针对已经接触了海康视频对接的开发
NPlayer 是由 Typescript 加 Sass 编写,无任何第三方运行时依赖,Gzip 大小只有 21KB,兼容 IE11,支持 SSR。该播放器高度可定制,所有图标、按钮、色彩等都可以替换,并且提供了 内置组件 方便二次开发。它还拥有插件系统,弹幕功能 就是使用插件形式提供。该播放器可以接入任何 流媒体,如 hls、dash 和 flv 等。
调用参数 "av":'<?php echo($_GET['av']);?>',//B站av号,用于调用弹幕 "url":"<?php echo($_GET['url']);?>",//视频链接 "id
从2014年起,我的博客先后经历了博客第三方平台博客园,Wordpress,Django 框架自建, Tornado框架自建,Pelican 静态博客框架及现在使用的Hexo静态博客框架。 可谓是第三方,动静结合,都经历过了, 但最终还是被爆表的颜值主题和易用性强大的Hexo所深深折服 ,Hexo真香ヾ(o◕∀◕)ノヾ!
一款基于WordPress开发的高颜值的自适应主题,支持白天与黑夜模式、无刷新加载等
本文实例为大家分享了Android双重SurfaceView实现弹幕效果的具体代码,供大家参考,具体内容如下
对于博客来说,媒体资源的存取方式至关重要,作为资深的老白嫖怪,借助Jsdelivr加速Github上存储的图片已经是公认的方案,但对于视频来说,面对动辄几百兆的视频资源,你几乎无法找到一个免费的“视频床”,在第三方直接防盗链能力日渐完善的当下,急切需要一种折中方案。本文就借鉴前辈的尝试,将视频存放在Github之上并利用Jsdelivr实现加速,并利用DPlayer将其插入到自己的博客中,大多数影视站就是这么淦的,所以咱也来试试。
b站视频被删后,即使根据 如何找回bilibili(b站)收藏夹里失效的视频? 这里的方法找回了视频,但曾经的弹幕没有了,为了以防万一可以提前下载视频和弹幕,在本地用potplayer播放器(公众号内回复 播放器 获取软件)播放b站视频就可以看弹幕了,获得和b站一样的观看体验。
NPlayer 是一个高度可定制、支持移动端、功能强大的弹幕视频播放器。你可以自定义所有图标、主题色和每个控制项的位置,并且提供了内置组件方便二次开发。你可以自定义任意多个断点,不仅仅是兼容移动端,只要愿意,你可以非常轻松的兼容手机竖屏、手机横屏、平板等设备。弹幕系统是通过插件形式提供,使用时按需引入即可,弹幕系统支持非常多的设置,并且不限制后端实现,可以非常轻松就可以接入。NPlayer 还支持 IE 11,SSR,任何流媒体,直播等等。
在线视频文件格式转化工具:https://cloudconvert.com/wmv-to-mp4
侦查弹幕非常简单,我常介绍的:用元素选择器,选中窗口,一看这个类名,然后看这里面这一个个标签,就知道和弹幕有关。
2017年与2018年之交,直播行业焕发了第二春,越来越多团队投入直播行业,是采用开源的直播软件,还是自行研发音视频方案?如何实现用户最关心也是互动直播的三大技术难题:延时、画面流畅性、直播清晰度。码
本文实例为大家分享了SurfaceView视频弹幕展示的具体代码,供大家参考,具体内容如下
本次实现的文档预览的类型有:docx, xlsx, pptx, pdf,以及纯文本、代码文件和各种图片、视频格式的在线预览
直接到彩虹云上搞了个免费空间上传了 如果有人要使用的话,可以直接调用 调用方式 http://di.catdog007.icu/player/?url=视频地址 下载 弹幕播放器下载地址: bilib
本demo采用TIM进行弹幕消息管理,CCL(CommentCoreLibrary)进行页面弹幕展示,采用Tcplayer进行点播播放
https://qqdie.com/plugins/ https://plugins.typecho.me/
我的这个项目, 迭代一年多了, 中间打包配置也没没怎么改过, 毕竟也没什么问题, 速度也还可以。
WordPress Theme - Puock 一款基于WordPress开发的高颜值的自适应主题,支持白天与黑夜模式。
Bilibili好在无广告,速度也挺快,无奈B站官方的视频嵌入是Flash的形式,但B站又是支持HTML5播放的,那么问题来了,外站如何嵌入HTML5的播放形式呢? 参考了这篇文章 http://www.jianshu.com/p/205385febcae ,但这篇文章的问题在于嵌入的视频并非“全屏”,右半边是弹幕什么的东西,这些我们并不需要,需要的仅仅是播放页。 在网页源代码中查找到cid和aid 拼接下面的URL(替换为你的cid和aid) https://player.bilibili.com/pla
领取专属 10元无门槛券
手把手带您无忧上云