easyplayer使用

原创 已于 2023-11-20 15:00:53 修改 · 2.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赋值即可，还给出了文档属性参考链接。

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
最低0.47元/天 解锁文章
SkeyePlayer插件使用说明文档
SwordTwelve的专栏
11-27 6625
鉴于大家对于SkeyePlayer插件的使用还不太熟悉，特此写一篇插件的使用文档，供大家参考；SkeyePlayer插件有两种，一种是基于IE的ActiveX控件，一种是基于FireFox（也支持多浏览器）的npAPI插件；两种插件均包含源码，由于FireBreath框架生成代码比较多，npAPI插件只包含关键代码，后续会提供专门讲解FireBreath生成SkeyePlayer npAPI插件的文档，下面我们开始讲解两种插件如何使用。 ActiveX OCX控件 ActiveX控件使用MFC Acti
EasyPlayer.js在vue项目中的使用
weixin_50515020的博客
03-25 9712
最近在整视频监控的东西，要用H.265的编码，因为是第一次所以记录一下 使用的是EasyPlayer.js，它功能很强大，集播放http-flv, hls, websocket 于一身的H5视频直播/视频点播播放器 怎么在vue项目中使用呢？ 首先第一步 npm install @easydarwin/easyplayer --save 按常规到这步然后全局引用就可以了，但是EasyPlayer.js还需要配置一些文件才能使用 需要再下个依赖，不要大于6.0版本的，不然会有bug npm
用快马 AI 一键生成 EasyPlayer.js 视频播放器：告别复杂配置，5 分钟搞定！
最新发布
CyanWave34的博客
11-08 566
最近在做一个在线教育项目，需要嵌入一个支持多种格式的视频播放器。调研了一圈，发现 EasyPlayer.js 是个不错的选择——轻量、开源，还支持 HLS、FLV、MP4 等主流格式。但自己从头集成总免不了一堆配置，正当发愁时，同事推荐了。——不用配置环境，打开网页输入需求，连部署按钮都不用点就能看到实时效果。现在团队所有视频相关需求都直接用快马生成基础框架，再根据业务微调。最近还用它快速搭建了内部培训系统，支持同时播放课件和录播视频。最惊喜的是所有代码都有清晰注释，二次开发时很容易找到修改点。
EasyDarwin全面指南：从基础到高级应用
全世界的博客
05-28 4270
EasyDarwin是一个开源的流媒体平台框架，它基于Go语言开发，旨在提供高性能的RTSP（Real Time Streaming Protocol）服务。EasyDarwin支持多种流媒体处理功能，包括推模式转发、拉模式转发、录像、检索、回放、关键帧缓存和秒开画面等。此外，它还提供了RESTful接口和Web后台管理，使得用户可以方便地进行流媒体的管理和控制。
分享EasyPlayer的使用经验
xu_xu_0924的博客
05-08 5167
适合播放h265视频的播放器
EasyPlayer.js 在VUE中使用
05-22
EasyPlayer.js 在VUE中使用 https://blog.youkuaiyun.com/u012848709/article/details/106291133
EasyPlayer使用
03-04
### EasyPlayer 使用教程 #### 安装与引入 为了在项目中使用 `EasyPlayer`，需先安装特定版本的库。对于 Vue 项目的 H265 视频流播放遇到的问题，建议采用指定的历史稳定版本来规避兼容性难题[^2]。 ```bash npm ...
H5流媒体播放器Easyplayer操作指南：如何快速启动Easyplayer.js的demo页面
EasyNTS的博客
06-09 619
用户已从github获取最新播放器压缩包，其中包含demo文件夹（http-demo），但因播放器需本地启动服务才能访问，直接点击播放无效。本方案旨在指导用户快速打开demo并试用功能。​
EasyPlayer播放器
06-25
该播放器可能支持主流的视频文件格式如MP4、AVI、MKV、FLV等，音频格式如MP3、WAV、FLAC等，能够满足普通用户的日常使用需求。 EasyPlayer播放器在操作界面设计上可能追求简洁直观，让普通用户能够轻松上手。同时，...
uniapp项目h5中使用EasyPlayer
2303_76798990的博客
07-11 3022
EasyPlayer流媒体播放器，可支持多种流媒体协议播放，可支持H.264与H.265编码格式，性能稳定、播放流畅，能支持WebSocket-FLV、HTTP-FLV，HLS（m3u8）、WebRTC等格式的视频流，并且已实现网页端实时录像、在iOS上实现低延时直播等功能。uniapp使用EasyPlayer 提示Uncaught ReferenceError: videojs is not defined问题。
通过EasyPlayer在浏览器中实现H.264视频流播放
weixin_69556696的博客
06-15 3316
通过EasyPlayer在浏览器中实现H.264视频流播放
EasyPlayer RTSP 播放器
11-11
有时工作中需要测试RTSP的摄像头，而浏览器又无法播放，那么使用这个软件就可以测试了。打开软件之后，输入RTSP连接，点击Play，就可以看到画面了
EasyPlayer-element.min.js
07-21
使用EasyPlay制作web播放器的时候使用。
pannellum+video.js 全景视频播放
yushikang1的博客
07-16 1373
使用 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 1480
由于TSINGSEE青犀视频H265播放器EasyPlayer系列项目的开放性，关于EasyPlayer的开发一直是很多用户乐此不疲的事，可广泛应用于流媒体客户端、互联网直播、在线教育、IPTV、赛事直播、本地视频文件播放等项目中，稳定、高效、可靠。 当然了，EasyPlayerPro-Win播放器也能够实现自动全屏、自动播放的功能。该功能让EasyPlayerPro直接在项目中直接使用，不用再做二次开发。 关于播放器的显示样式问题，TSINGSEE青犀视频研发团队在设计的时候就有考虑过，因此留下了
EasyPlayer.js在使用vue3中使用
风花一世月
08-09 1774
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 2896
项目中最近需要接摄像头的监控画面，一开始用了市面上一些别的插件，发现有些视频能播放，有些不能播放，最后发现是摄像头码流的问题，很多插件都无法支持h265的编码格式。但是现在市面上稍微新点的摄像头，都是h265的编码格式。千万不要下载6.0之后的版本，容易产生很多你意想不到的问题。将这两个文件复制于public根目录下，不然会报错。二、复制文件于public的跟目录下。三、使用（直接上代码）
React 项目中如何使用 easyPlayer-pro.js
赵花花的博客
08-02 2990
React 项目中如何使用视频播放插件 easyPlayer.js
前端使用EasyPlayer.js 在浏览器播放编码格式为h265的视频
weixin_39891473的博客
12-14 3477
前端使用EasyPlayer.js 在浏览器播放编码格式为h265的视频
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值