本次演示是在Linux上进行

首先安装 dplayer

1.CentOS安装Yarn

wget https://dl.yarnpkg.com/rpm/yarn.repo -O /etc/yum.repos.d/yarn.repo
curl --silent --location https://rpm.nodesource.com/setup_6.x | bash -
yum install yarn

2.安装dplayer

yarn add dplayer

3.创建html文件并添加dplayer(如下所示)

注：在jsdeliver中可以找到Dplayer, DPlayer.main.js

链接 https://www.jsdelivr.com/package/npm/dplayer?path=dist

<!DOCTYPE HTML>
<html>
<head><title>VideoPlay</title></head><body><div id="dplayer" class="dplayer" ></div><script src="https://cdn.jsdelivr.net/npm/dplayer@1.26.0/dist/DPlayer.min.js"></script><style>#dplayer {max-width: 960px;height: 620px;margin: 0 auto;}</style><script>const dp = new DPlayer({container: document.getElementById('dplayer'),screenshot: true,video: {quality: [{name: 'HD',url: '123.mp4',type: 'normal'},{name: 'SD',url: '123.mp4',type: 'normal',},],defaultQuality: 0,// pic: 'demo.png',// thumbnails: 'thumbnails.jpg',},});</script>
</body>
</html>

最后启动httpd服务后，直接打开浏览器访问即可

DPlayer快速上手实验相关推荐

AOP—JVM SandBox—快速上手
原文作者:stingfire 原文地址:深入学习jvm-sandbox(安装&快速上手) 目录一.安装 1. 下载 2. 运行安装脚本 3. 阅读安装脚本 3.1 首先是定义安装目录变量 3 ...
最新课程 | openGauss 快速上手指南课程即将开课
点击蓝字|关注我们 2020 年 7 月 1 日,openGauss 数据库源代码正式开放,并成立了 openGauss 开源社区.恩墨学院与 openGauss 开源社区达成合作,为了推动社区技术生 ...
AI专家一席谈：复用算法、模型、案例，AI Gallery带你快速上手应用开发
摘要: 华为云社区邀请到了AI Gallery的负责人严博,听他谈一谈AI Gallery的设计初衷.经典案例以及未来规划. 本文分享自华为云社区<AI专家一席谈:复用算法.模型.案例,AI G ...
快速上手飞桨PaddleClas图像分类库
PaddleClas是百度为工业界和学术界所准备的一个图像分类工具集,使用此工具便可以简单实现高精度分类任务. 本文使用AIStudio计算平台建立一个实践项目,来演示PaddleClas的使用.项目 ...
《Python编程快速上手——让繁琐工作自动化》第2版的中文版上市了
第2版基于Python3.X重磅升级,更新内容超30%,不仅更新了众多项目案例,还加强了立体化学习体验,增加了随书视频.在线编程练习环境和社群互助学习体验. 这本书成功破圈编程界,为零基础.从未接触过 ...
P4 Tutorial 快速上手 (3) Basic_tunnel
P4 Tutorial 快速上手 (3) Basic_tunnel 提示:本系列仅适用于软件交换机BMv2 P4 Tutorial 快速上手 (2) 文章目录 P4 Tutorial 快速上手 (3) ...
快速上手 ClickHouse
本篇来自数月前对外分享的文稿整理,并进行了一些扩展. 希望通过简单的方式,来介绍新手如何一步一步上手 ClickHouse,如果你有潜在的数据分析的需求,但是不知道从哪里开始,那么希望本文能够帮助到你 ...
mmdeploy快速上手
mmdeploy快速上手若要将使用 openmmlab 的框架(如mmdet.mmcls)等训练的模型进行快速部署,同样来自 openmmlab 的 mmdeploy 无疑是最合适的选择,本文将简单 ...
K210快速上手教程（色块、人脸、声源识别等）
k210实现各种功能快速上手前言开发环境以及材料准备软件Maixpy IDE使用说明识别色块并且串口输出最大色块中心坐标声源方向的坐标识别基于MicroPython的人脸识别前言最近想 ...

DPlayer快速上手实验

本次演示是在Linux上进行

首先安装 dplayer

1.CentOS安装Yarn

2.安装dplayer

3.创建html文件并添加dplayer(如下所示)

最后启动httpd服务后，直接打开浏览器访问即可

DPlayer快速上手实验相关推荐

最新文章

热门文章