精华内容
下载资源
问答
  • vue-video-player禁止右键点击
    千次阅读
    2019-05-24 14:37:20
    <div @contextmenu.prevent="menuPlayer()">
    	<video-player id="videomad" class="vjs-custom-skin" 
    		ref="videomad"
    	    :options="playerOptions">
    	</video-player>
    </div>

    禁止右键功能:在外面包一层div,再给div加一个禁止右键的事件就可以啦。
    哇瑟,这个问题网上搜不到方法,郁闷了一晚上,几度让我想放弃vue-video-player,自己写一个能切换速率的,最终,哈哈,很开心,因为不想写,第二天午睡了灵感大发,感谢午休时间不知道是谁放的刺耳的音乐加上长沙的天气(今天中午很热)让我没睡好,估计还在梦里,日有所思,梦有所现。嘻嘻。

    更多相关内容
  • EasyPlayerPro是一款全功能的流媒体播放器,支持RTSP、RTMP、HTTP、HLS、UDP、RTP、File等多种流媒体协议播放、支持本地文件播放,支持本地抓拍、本地录像、播放旋转、多屏播放、倍数播放等多种功能特性,核心基于...
  • MPV-EASY Player虽然需要安装,但实际上它是一个不折不扣的绿色软件(便携式应用),所谓的“安装”其实只是解压缩而已,所以重装系统后无需重新安装仍旧可以立即运行使用,最多只需要重新关联文件格式而已。...
  • easy-player所属分类:网络编程开发工具:JavaScript文件大小:1184KB下载次数:0上传日期:2020-06-05 16:35:26上 传 者:namehong说明:EasyPlayerPro是一款全功能的流媒体播放器,支持RTSP、RTMP、HTTP、HLS、UDP...

    easy-player

    所属分类:网络编程

    开发工具:JavaScript

    文件大小:1184KB

    下载次数:0

    上传日期:2020-06-05 16:35:26

    上 传 者:namehong

    说明:  EasyPlayerPro是一款全功能的流媒体播放器,支持RTSP、RTMP、HTTP、HLS、UDP、RTP、File等多种流媒体协议播放、支持本地文件播放,支持本地抓拍、本地录像、播放旋转、多屏播放、倍数播放等多种功能特性,核心基于ffmpeg,稳定、高效、可靠、可控,支持Windows、Android、iOS三个平台,目前在多家教育、安防、行业型公司,都得到的应用,广受好评!

    (Easyplayerpro is a full-featured streaming media player, which supports RTSP, RTMP, HTTP, HLS, UDP, RTP, file and other streaming media protocols, local file playback, local capture, local video recording, playback rotation, multi screen playback, multiple playback and other functional features. The core is based on ffmpeg, stable, efficient, reliable and controllable, and supports windows, Android IOS three platforms, currently in a number of education, security, industry-based companies, are widely praised for their applications!)

    文件列表:[举报垃圾]

    easy-player\dist\component\crossdomain.xml, 123 , 1985-10-26

    easy-player\dist\component\easy-player-component.min.js, 148998 , 1985-10-26

    easy-player\dist\component\easy-player-lib.min.js, 613772 , 1985-10-26

    easy-player\dist\component\easy-player.swf, 75255 , 1985-10-26

    easy-player\dist\element\crossdomain.xml, 123 , 1985-10-26

    easy-player\dist\element\easy-player-element.min.js, 974802 , 1985-10-26

    easy-player\dist\element\easy-player.swf, 75255 , 1985-10-26

    easy-player\dist\element\index.html, 1113 , 1985-10-26

    easy-player\package.json, 2876 , 2020-06-05

    easy-player\README.md, 4146 , 1985-10-26

    easy-player\README.pdf, 656991 , 1985-10-26

    easy-player\dist\component, 0 , 2020-06-05

    easy-player\dist\element, 0 , 2020-06-05

    easy-player\dist, 0 , 2020-06-05

    easy-player, 0 , 2020-06-05

    近期下载者:

    相关文件:

    收藏者:

    展开全文
  • 使用EasyNVR、easy-player-element.js在web端实现视频直播

    千次阅读 热门讨论 2019-05-21 17:07:00
    准备:easyNVR安装包、easy-player-element.min.js、easy-player.swf、crossdomain.xml。swf需要放置在根目录。该文件是rtmp协议使用。三种协议RTMP, HLS, FLV没毛病。 1、安装EasyNVR将摄像机配置完成,在视频广场...

    web端实现直播,将监控视频嵌入系统。摄像头是天地伟业的。各种坑,终于在页面看见直播了。记下吧

    https://github.com/bycb/videoPlayer.git

    准备:easyNVR安装包、easy-player-element.min.js、easy-player.swf、crossdomain.xml。swf需要放置在根目录。该文件是rtmp协议使用。三种协议RTMP, HLS, FLV没毛病。

    1、安装EasyNVR将摄像机配置完成,在视频广场可以查看实时画面。

    2、代码,使用iframe 嵌入别的页面OK.

    <!DOCTYPE HTML>
    <html>
    	<head>
    		<title>easy-player</title>
    		<meta charset="utf-8" />
    		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    		<meta name="renderer" content="webkit" />
    		<meta name="force-rendering" content="webkit" />
    	</head>
    	<body>
    		<div id="video" style="width: 600px; height: 400px;">
    			<easy-player id="test2" v-bind:video-url="srcUrl" live="true" stretch="false"></easy-player>
    			<!-- <easy-player video-url="http://127.0.0.1:10800/hls/stream_2/stream_2_live.m3u8" live="true" stretch="true"></easy-player> -->
    			<!-- <easy-player video-url="rtmp://127.0.0.1:10935/hls/stream_2" live="true" stretch="true" autoplay="true"></easy-player> -->
    			<!-- <easy-player video-url="http://127.0.0.1:10800/flv/hls/stream_2.flv" live="true" aspect="300:100"></easy-player> -->
    		</div>
    
    		<script type="text/javascript" src="../easy-player-element.min.js"></script>
    		<script src="../js/vue.min.js"></script>
    		<script type="text/javascript" src="../easyPlay/md5.js"></script>
    		<script type="text/javascript" src="../videojs/jquery.min.js"></script>
    		<script type="text/javascript" src="../easyPlay/appCommon.js"></script>
    	</body>
    	<script>
    		var username = "admin";
    		var password = hex_md5("admin");
    		// 
    		var param = {}; //获取直播链接所需参数
    		param.protocol = "RTMP"; //直播协议允许值: RTMP, HLS, FLV
    		param.channel = 1;
    
    		var vm = new Vue({
    			el: "#video",
    			data: {
    				srcUrl: ""
    			}
    		})
    
    		// //登录
    		function loginNVR() {
    			Video.ajaxGet("/api/v1/login", {
    				username: username,
    				password: password
    			}, function(e) {
    				console.log(e.EasyDarwin.Body.Token);
    				getVideoUrl();
    			})
    		}
    		// if (token == "") {
    		loginNVR();
    
    		function getVideoUrl() {
    			console.log(param);
    			Video.ajaxGet("/api/v1/getchannelstream", param, function(e) {
    				// 				console.log(e);
    				var videoSrc = baseUrl + e.EasyDarwin.Body.URL; //新的视频播放地址
    				if (param.protocol == "RTMP") {
    					// videojs.options.flash.swf = "video-js.swf";
    					videoSrc = e.EasyDarwin.Body.URL; //新的视频播放地址
    				}
    				vm.srcUrl = videoSrc;
    				console.log(videoSrc);
    
    			});
    		}
    
    		//定义一个保活接口方法
    		function touchchannelstream() {
    			Video.ajaxGet("/api/v1/touchchannelstream", param, function(data, status) {
    				var videoSrc = baseUrl + data.EasyDarwin.Body.URL; //新的视频播放地址
    				if (param.protocol == "RTMP") {
    					videojs.options.flash.swf = "video-js.swf";
    					videoSrc = data.EasyDarwin.Body.URL; //新的视频播放地址
    				}
    				// $("#test2").attr("video-url", videoSrc);
    				vm.srcUrl = videoSrc;
    				console.log("保活")
    			});
    		}
    	</script>
    </html>
    

    展开全文
  • 很多客户在使用EasyNVR时,不喜欢产品化的界面,有时可能满足不了日常观看使用的需求。因此软件提供丰富的http接口,供第三方平台调用集成。但是有时客户这边可能没有专业的团队进行二次开发,这样一来就无法使用...

    1.背景需求

    • 很多客户在使用EasyNVR时,不喜欢产品化的界面,有时可能满足不了日常观看使用的需求。因此软件提供丰富的http接口,供第三方平台调用集成。但是有时客户这边可能没有专业的团队进行二次开发,这样一来就无法使用软件提供这么优秀的环境,实属可惜。

    2.解决方案

    • 这里可以通过很多种方法调取软件提供的接口,只要支持http协议都可以。这里我通过jQuery插件调取接口实现在web播放功能小案例,目的就是为了让客户对接口的初步了解并使用。

    3.实现

    • 新建文件demo目录结构如下easy-player.swf和easy-player-element.min.js文件可以通过[https://www.npmjs.com/package/easy-player]获取,插件有详细使用文档。
      在这里插入图片描述
    • 使用到软件的接口
      在这里插入图片描述
    • index.html内容文件如下
    <!DOCTYPE HTML>
    <html>
        <head>
            <title>easy-player</title>
            <meta charset="utf-8">
            <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
            <meta content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" name="viewport">
        </head>
    <body>      
    	 <!-- 使用插件标签 -->
         <easy-player id="test2" live="true" aspect="300:100" show-custom-button="true"></easy-player>
         <button>获取播放链接并播放</button>
    </body>
    	<!-- 引入播放器插件文件 -->
    	<script type="text/javascript" src="easy-player-element.min.js"></script>
    	<!-- 引入jqueryCDN地址 -->
        <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
        <script>
        	// 文档加载完成会执行ready()函数文件
            $(document).ready(function(){
            	//点击button按钮获取视频地址
                $("button").click(function(){
                    //调取接口的地址有三种这里使用的是HLS
                    //http://127.0.0.1:10800/api/v1/touchchannelstream?channel=1&protocol=FLV
                    //http://127.0.0.1:10800/api/v1/touchchannelstream?channel=1&protocol=RTMP
                    $.get("http://127.0.0.1:10800/api/v1/touchchannelstream?channel=1&protocol=HLS",function(data,status){
                        //返回的数据 data JSON格式
                        console.log(data);
                        //拼接返回的地址字符串给 video-url 
                        //注:RTMP不需要拼接 "http://127.0.0.1:10800"+
                        $("#test2").attr("video-url","http://127.0.0.1:10800"+ data.EasyDarwin.Body.URL);
                    });
                });
            });
            
        </script>
    </html>
    
    • 准备好之后在当前文件hs -o以服务的方式启动

    hs -o
    如果软件有npm
    npm install http-server -g 全局安装
    如果没有可以使用其他服务的方式打开此文件。
    注:一定要以服务的方式访问index.html

    • 启动成功点击获取
      在这里插入图片描述
    • 成功播放
      在这里插入图片描述

    案例gitee地址:[https://github.com/EasyNVR/EasyNVR/tree/master/EasyNVR_apidemo/apidemo/htmlPlayer]

    关于EasyNVR

    EasyNVR能够通过简单的网络摄像机通道配置,将传统监控行业里面的高清网络摄像机IP Camera、NVR等具有RTSP协议输出的设备接入到EasyNVR,EasyNVR能够将这些视频源的音视频数据进行拉取,转换为RTMP/HLS,进行全平台终端H5直播(Web、Android、iOS),并且EasyNVR能够将视频源的直播数据对接到第三方CDN网络,实现互联网级别的直播分发;

    详细说明:http://www.easynvr.com

    点击链接加入群【EasyNVR解决方案】:383501345

    Copyright © EasyDarwin Team 2012-2019

    EasyNVR公众号

    展开全文
  • 简易HTML5播放器 一个简单的html5网络播放器。 播放器的制作要感谢udemy 上的课程。
  • import ReactH265Player from 'react-h265-wasm-player' ; import React , { useState } from 'react' ; import ReactH265Player from './ReactH265Player' function App ( ) { const [ playerRef , setPlayerRef ...
  • Easy Player显示模式设置

    千次阅读 2017-12-25 14:19:50
    An elegant, simple, fast android RTSP/RTMP/HLS/HTTP Player.EasyPlayer support RTSP(RTP over TCP/UDP)version & Pro version,cover all kinds of streaming media!EasyPlayer是一款精炼、高效、稳定的流媒体...
  • { from: 'node_modules/easy-player/dist/component/crossdomain.xml'}, { from: 'node_modules/easy-player/dist/component/easy-player.swf'}, { from: 'node_modules/easy-player/dist/component/easy-player-lib...
  • 如果您想让更多的人谈论和了解您的业务,那么现在是时候认真对待视频了。 在本教程中,我将帮助您立即开始... 翻译自: https://code.tutsplus.com/tutorials/how-to-use-easy-video-player-for-javascript--cms-33898
  • npm install @easydarwin/easyplayer --save npm install copy-webpack-plugin@5.1.2 --save-dev cnpm install --save videojs-contrib-hls cnpm install vue-video-player --save video.vue <template>...
  • 为您提供MPV-EASY Player下载,MPV EASY Player是一个基于MPV的播放器,支持windows 7及windows 7之后的操作系统。它带有简单易用的设置界面,你可以快速调整众多参数,精心调正过的默认设置就能把MPV Player的所有...
  • 为您提供MPV-EASY Player 高清播放器下载,MPV EASY Player是一个基于MPV的播放器,支持windows 7及windows 7之后的操作系统。它带有简单易用的设置界面,你可以快速调整众多参数,精心调正过的默认设置就能把MPV ...
  • An Easy to use Music Player in your browser with Graphical User Interface ------------------------------------------------------------------------- This was originaly created for my father as an ...
  • flat-player-vue

    2021-03-16 09:15:39
    扁平球员 使用VueJ,HTML和CSS创建自定义html5视频播放器-Easy Tutorial | JavascriptDose
  • easy-moment:轻松时刻

    2021-07-07 00:57:44
    轻松时刻 ...演示: : ...创建播放器界面: 访问获取说明或打开css/player.css文件作为示例。 如果您不想在 jPlayer 设置中重新配置 CSS 选择器,您应该保留默认的 jPlayer 类名(jp-play、jp-pause...)
  • 在我们的Easy Player.JS版里面,由于是网页播放器,切换哪种视频流只需点击哪种视频格式,十分便捷,那么在EasyPlayer-RTSP-Android 里应该如何操作才能切换播放流? 针对这个问题,分2种情况: 1、界面只有一个...
  • Android代码-android-player

    2019-08-07 10:08:10
    Animations when entering Actvity or Fragment made easy. Backward compatibility API 1. You have created beautiful UI , but it is boring Run the player and you will can create beautiful transitions ...
  • https://wordpress.org/plugins/easy-video-player/ 但是现在好想如果是mp4结尾的可以播放,其他的如果直接是优酷的...Easy Video Player is a user-friendly WordPress video plugin to showcase your videos
  • easydarwin Player

    2015-12-18 10:20:06
    EasyDarwin是由国内开源流媒体团队开发和维护的一款开源流媒体平台框架
  • vue 项目进行直播视频 vue-video-player

    千次阅读 2020-03-11 21:51:25
    看了很多相关的文章,没看出有啥不同,最后直接采用 vue-video-player 来开发。直播流返回的是m3u8格式的,flv格式的播放不了,可能是我配置问题。然后关于这个插件可以用 flash 。我也没去深究,毕竟谷歌都快放弃...
  • PARAM_DECODE_THREAD_COUNT, // visual effect mode EASY_PARAM_VISUAL_EFFECT, // audio/video sync diff EASY_PARAM_AVSYNC_TIME_DIFF, // player event callback EASY_PARAM_PLAYER_CALLBACK, // player event/...
  • EasyPlayer.js 在VUE中使用 https://blog.csdn.net/u012848709/article/details/106291133
  • Easy DVD Player高清蓝光播放器,支持播放高清蓝光视频,也可以播放VCD/DVD/MPEG视频,几乎支持播放所有的音频视频文件。播放器的操作界面很简单,可直接打开文件或者打开光盘,内置多种播放模式,分别是调试模式...
  • EasyAR学习】播放本地视频

    千次阅读 2018-05-05 20:05:27
    Step1:环境搭建1、新建unity项目,将unitypackage包导入到unity3D中,会在Project面板看到如下图所示的文件夹.2、删除Main Camera,并将AR相机-------EasyAR_ImageTracker-1拖入到Hierarchy面板中,并在EasyAR_...
  • vue及H5中使用easywasmplayer H265播放器

    千次阅读 热门讨论 2021-03-11 08:36:27
    关闭视频播放: this.player.destroy(this.video_addr) 关闭之后,再需要启动播放则需重新初始化播放器示例: this.player = new WasmPlayer(null,"video_player",this.callback,{Height:true}) this.player.play...
  • Easy DVD Player 中文版(易播数码播放器)是一款在 Windows 平台上运行的功能强大并且简单易用的多媒体播放软件。它不仅能够播放DVD,并且可以兼容播放蓝光影碟以及蓝光镜像文件。同时,Easy DVD Player对于其他格式...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 10,691
精华内容 4,276
关键字:

easy-player