easyplayer使用

原创 已于 2023-11-20 15:00:53 修改 · 2k 阅读 · 3 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#前端 #javascript #开发语言

于 2023-08-22 14:28:53 首次发布
博客介绍了EasyPlayer.js在前端开发中的使用。首先要安装插件，接着配置js文件，需将相关文件复制到静态文件根目录public/下，最后说明了在Vue中使用时直接给videoUrl赋值即可，还给出了文档属性参考链接。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

1.安装插件

npm install @easydarwin/easyplayer --save

2.配置js文件
copy node_modules/@easydarwin/easyplayer/dist/component/EasyPlayer.swf 到 静态文件 根目录public/下
copy node_modules/@easydarwin/easyplayer/dist/component/crossdomain.xml 到 静态文件 根目录public/下
copy node_modules/@easydarwin/easyplayer/dist/component/EasyPlayer-lib.min.js 到 静态文件 根目录public/下

3.vue使用

import EasyPlayer from "@easydarwin/easyplayer";

<EasyPlayer :videoUrl="videoUrl" live autoplay stretch ref="easyPlayer" class="video-js"></EasyPlayer>

直接给videoUrl赋值就可以了

文档属性参考https://gitcode.net/mirrors/tsingsee/EasyPlayer.js/-/tree/master/demo

通过EasyPlayer在浏览器中实现H.264视频流播放
weixin_69556696的博客
06-15 2715
通过EasyPlayer在浏览器中实现H.264视频流播放
uniapp项目h5中使用EasyPlayer
2303_76798990的博客
07-11 2444
EasyPlayer流媒体播放器，可支持多种流媒体协议播放，可支持H.264与H.265编码格式，性能稳定、播放流畅，能支持WebSocket-FLV、HTTP-FLV，HLS（m3u8）、WebRTC等格式的视频流，并且已实现网页端实时录像、在iOS上实现低延时直播等功能。uniapp使用EasyPlayer 提示Uncaught ReferenceError: videojs is not defined问题。
EasyPlayer.js 在VUE中使用
05-22
EasyPlayer.js 在VUE中使用 https://blog.youkuaiyun.com/u012848709/article/details/106291133
H5流媒体播放器EasyPlayer.js对H.265编码MP4文件的播放支持应用方案
最新发布
NVR安防视频技术
06-10 594
EasyPlayer.js作为一款支持多协议、多编码格式的H5播放器，通过WASM和WebCodec技术实现了对H.265编码MP4文件的完整支持。
分享EasyPlayer的使用经验
xu_xu_0924的博客
05-08 4779
适合播放h265视频的播放器
pannellum+video.js 全景视频播放
yushikang1的博客
07-16 1274
使用 Pannellum,Video.js 播放全景视频 演示截图 video.js 传送门 pannellum 传送门 源代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Pannellum Video Demo</title> <link rel="stylesheet" href="https://cdn.pan
TSINGSEE青犀视频H265网页播放器EasyPlayerPro-Win如何通过配置文件实现自动播放等功能？
TSINGSEE青犀视频官方技术博客
12-14 1408
由于TSINGSEE青犀视频H265播放器EasyPlayer系列项目的开放性，关于EasyPlayer的开发一直是很多用户乐此不疲的事，可广泛应用于流媒体客户端、互联网直播、在线教育、IPTV、赛事直播、本地视频文件播放等项目中，稳定、高效、可靠。 当然了，EasyPlayerPro-Win播放器也能够实现自动全屏、自动播放的功能。该功能让EasyPlayerPro直接在项目中直接使用，不用再做二次开发。 关于播放器的显示样式问题，TSINGSEE青犀视频研发团队在设计的时候就有考虑过，因此留下了
EasyPlayer使用
03-04
### EasyPlayer 使用教程 #### 安装与引入 为了在项目中使用 `EasyPlayer`，需先安装特定版本的库。对于 Vue 项目的 H265 视频流播放遇到的问题，建议采用指定的历史稳定版本来规避兼容性难题[^2]。 ```bash npm ...
EasyPlayer接口说明文档1
08-04
《EasyPlayer接口说明文档1》 EasyPlayer是一款针对RTSP直播流的高性能、低延迟的播放器库，它提供了丰富的API接口，用于实现RTSP流的实时采集、解码显示、录像、快照以及OSD叠加等功能。以下是主要接口的详细说明...
EasyPlayer.wasm EasyPlayer-element.min.js
11-08
EasyPlayer.wasm文件很可能是使用WebAssembly技术编译的媒体播放器的核心代码，它可能包含处理视频或音频播放的算法。WebAssembly的特点是执行速度快，接近原生应用的性能，这使得它非常适合用于实现复杂或性能敏感...
EasyPlayer RTSP 播放器
11-11
EasyPlayer RTSP播放器是一款专为测试和播放RTSP（Real Time Streaming Protocol）视频流而设计的应用程序。在IT行业中，尤其是与视频监控、网络流媒体或者多媒体开发相关的领域，RTSP是一个重要的协议，用于控制...
EasyPlayer-element.min.js
07-21
使用EasyPlay制作web播放器的时候使用。
easyplayer2013
11-21
宇通灯饰控制系统软件2013版本，可以控制多种IC芯片。
EasyPlayer.js在使用vue3中使用
风花一世月
08-09 1469
npm install @easydarwin/easyplayer --save 把 node_modules/@easydarwin/easyplayer/dist/element目录下的文件 复制到public内 index.html <script type="text/javascript" src="/js/EasyPlayer-element.min.js">&l...
vue项目中使用EasyPlayer.js播放视频
weixin_56039168的博客
03-15 2795
项目中最近需要接摄像头的监控画面，一开始用了市面上一些别的插件，发现有些视频能播放，有些不能播放，最后发现是摄像头码流的问题，很多插件都无法支持h265的编码格式。但是现在市面上稍微新点的摄像头，都是h265的编码格式。千万不要下载6.0之后的版本，容易产生很多你意想不到的问题。将这两个文件复制于public根目录下，不然会报错。二、复制文件于public的跟目录下。三、使用（直接上代码）
React 项目中如何使用 easyPlayer-pro.js
赵花花的博客
08-02 2440
React 项目中如何使用视频播放插件 easyPlayer.js
前端使用EasyPlayer.js 在浏览器播放编码格式为h265的视频
weixin_39891473的博客
12-14 3305
前端使用EasyPlayer.js 在浏览器播放编码格式为h265的视频
【技术教程】H.265编码视频播放器EasyPlayerPro for Windows使用FFMPEG编码过程说明
TSINGSEE青犀视频官方技术博客
10-14 776
EasyPlayerPro for Windows是基于FFmpeg进行开发的全功能播放器，EasyPlayerPro分为三大模块：打开模块，读取流数据模块，解码模块和渲染模块，具体过程可参考《EasyPlayerPro(Windows)开发之框架讲解》。 本章我们主要讲解FFMPEG编码过程，该内容对于EasyPlayer播放器系列项目的后期修改及调整具备重要作用。 FFmpeg是一款音视频编解码库，提供了多种媒体格式的封装和解封装，包括音视频编码、多种协议的流媒体、多种色彩格式转换、多种采样率转
【亲测免费】 探索EasyPlayer.js：强大的HTML5视频播放器解决方案
gitblog_00097的博客
03-25 1571
探索EasyPlayer.js：强大的HTML5视频播放器解决方案 是一个轻量级、高度可定制的HTML5视频播放器，它为开发者提供了一套简洁的API和丰富的配置选项，以满足各种复杂的视频播放需求。这篇文章将带你深入了解这个项目的技术特性，应用场景及其优势。 项目简介 EasyPlayer.js 基于原生的HTML5 <video> 标签构建，旨在提供一个高性能、跨平台的解决方案。其设计...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值