免费开源、轻量简洁的HTML5视频播放器-DPlayer，支持弹幕+直播功能

DPlayer 是一款基于 JavaScript 的 HTML5 弹幕视频播放器，用于在 web 开发中实现视频播放的功能，可以让开发者轻松在 web 应用中嵌入视频。

DPlayer 的技术特点

• 轻量简洁的界面，集成使用非常简单；
• 功能强大，支持主流的视频格式，同时也支持弹幕播放，能够轻松接入B站弹幕；
• 支持直播模式，也支持用户实时弹幕互动；
• 完整支持视频截图、倍速播放、清晰度切换等主流视频播放功能。

支持的功能

• 显示弹幕
• 视频截图
• 快捷键
• 清晰度切换
• 进度缩略图
• 加载字幕

支持视频格式

流媒体格式：

• HLS
• FLV
• MPEG DASH
• WebTorrent
• 以及其他任何自定义的格式

视频文件格式：

• MP4 H.264
• WebM
• Ogg Theora Vorbis

安装使用

以 npm 为例，以及在 Vue.js 项目中使用：

npm install dplayer --save

Vue 页面中引入：

<template>
  <div id="video"></div>
</template>
<script>
import DPlayer from 'dplayer';
// ... 省略无关代码，初始化播放器
const dp = new DPlayer({
    container: document.getElementById('video'),
    video: {
        url: 'https:///xxx.xxxx.mp4', // 视频地址
    },
});
</script>

这样就完成一个基础播放器了，非常简单~

需要的小伙伴抓紧免费使用吧！