强大的网页直播/点播播放器，使用简单，功能强大， 终身免费使用

  • 支持m3u8播放;
  • 支持HTTP-FLV播放;
  • 支持RTMP播放;
  • 支持直播和点播播放;
  • 支持播放器快照截图;
  • 支持点播多清晰度播放;
  • 支持全屏或比例显示;
  • 自带的flash支持极速和流畅模式;
  • 自带的flash支持HTTP-FLV播放;
  • 自动检测IE浏览器兼容播放;

详见：https://www.npmjs.com/package/@liveqing/liveplayer

压缩包下载

多播放器页面添加示例

<!DOCTYPE HTML>

<html>

    <head>

        <title>liveplayer</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>

	<div id="liveplayers"></div>

    <script type="text/javascript" src="liveplayer-element.min.js"></script>

	<script type="text/javascript">

		var players =[

		"video_url_1",

		"video_url_2",

		"video_url_3",

		]

		var liveplayers = document.getElementById("liveplayers");

		for (var i=0;i<players.length;i++) {

			var div = document.createElement("div");

			div.id = "liveplayer_"+i;

			div.innerHTML = "<live-player video-url='"+players[i]+"' live='false' aspect='16:9'></live-player>";

			liveplayers.appendChild(div);

		}

	</script>

	</body>

</html>

变量 players 数组放入将要播放的多个地址，这里也可以从其它接口获得。

liveplayer免费网页直播_点播播放器-页面动态多播放器添加代码示例的更多相关文章

  1. 基于Live555,ffmpeg的RTSP播放器直播与点播

    基于Live555,ffmpeg的RTSP播放器直播与点播 多路RTSP高清视频播放器下载地址:http://download.csdn.net/detail/u011352914/6604437多路 ...

  2. 夺命雷公狗---微信开发59----在线点播电影网1之ckplayer播放器

    我们节课程就要开始写一个小项目了,这项目主要是写一个在线点播电影影网的,我们用到的播放器是ckplayer ckplayer基本介绍: ckplayer的全称是:超酷flv播放器,他是一款用于网页上播 ...

  3. 搭建rtmp直播流服务之4:videojs和ckPlayer开源播放器二次开发(播放rtmp、hls直播流及普通视频)

    前面几章讲解了使用 nginx-rtmp搭建直播流媒体服务器; ffmpeg推流到nginx-rtmp服务器; java通过命令行调用ffmpeg实现推流服务; 从数据源获取,到使用ffmpeg推流, ...

  4. 视频流协议HLS与RTMP 直播原理 点播原理

    小结: 1.HLS原理 视频--->图像.声音分别编码打包切割容器文件ts,建立纯文本索引文件.m3u8--->播放器http下载容器文件.索引文件,播放,下载 基于HLS可以实现直播和点 ...

  5. 使用 nginx 和 rtmp 插件搭建视频直播和点播服务器

    使用 nginx 和 rtmp 模块 ,可以很容易地搭建一个视频直播和点播服务器出来. 首先,看一下最经典的参考文献: How to set up your own private RTMP serv ...

  6. P2P直播、点播技术学习经验

    自8月份以来一直埋头学习P2P在音/视频直播.点播上的学习,受到不少网友的帮助,在此也留下自己学到的一点点的经验. 第一个接触的开源项目是peercast,应该说上手非常快,这必须感谢王浩聪的注释版, ...

  7. EasyNVR摄像机网页直播之问题解决：Failed:SYSTEM\CurrentCont......\Application\EasyNVR_Service registry key already

    背景分析 经常使用EasyNVR产品的用户都知道,作为音视频行业互联网直播产品,EasyNVR主要功能在于通过RTSP/ONvif协议,接入前端音视频采集设备,通过EasyNVR软硬件产品将拉取过来的 ...

  8. SRS+flv.js打造兼容性较高的直播、点播平台

    **************************************************************************************************** ...

  9. 在Windows下搭建基于nginx的视频直播和点播系统

    http://my.oschina.net/gaga/blog/478480 一.软件准备 由于nginx原生是为linux服务的,因此官方并没有编译好的windows版本可以下载,要在windows ...

  10. flash播放器插件与flash播放器的区别

    flash插件是一个网页ActiveX控件,而flash播放器是一个exe的可执行程序.前者用于播放网页中的falsh动画,而后者用于播放本地swf格式文件.

随机推荐

  1. 国贸股份 x 袋鼠云：推进全链业务深度数字化，为产业综合服务插上数字化翅膀

    数据治理是推动大型集团企业转型升级.提升竞争优势.实现高质量发展的重要引擎.通过全链数据结构化,实现业务对象.业务规则.业务流程数字化,推进全链业务深度数字化,夯实数据运营底座. 厦门国贸集团股份有限 ...

  2. 有知道CAE软件Hypermesh的配置要求吗？

    Altair的Hypermesh是一款先进的有限元分析软件,用于高效地处理和模拟复杂的三维几何形状.作为一款仿真软件,Hypermesh的CPU和GPU配置是非常重要的. 首先,对于Hypermesh ...

  3. C# 调用 WebServices Api接口 WSDL 通过WebResponse 请求

    https://www.cnblogs.com/Sheldon180621/p/14498646.html 方法一.引用*.wsdl文件 WebService服务端会提供wsdl文件,客户端通过该文件 ...

  4. winrar无广告最新版

    官网 https://www.dianjilingqu.com/688989.html 目前WinRAR有三个官网,winrar.com.cn,rarlab.com,win-rar.com. winr ...

  5. macBook本地安装mysql

    下载软件https://dev.mysql.com/downloads/ 找到MySQL Community Server,点击下载下载页选择合适的版本下载就行,一般选择第一个macOS 10.15 ...

  6. 构建稳健、高效与安全的企业级API网关

    在现代企业信息化建设中,各种微服务架构系统以及不同类型的管理系统广泛兴起,平台中的数据安全逐渐成为企业重视的部分,在iPaaS系统中,一个名为"企业级API网关"的功能出现在大众眼 ...

  7. 算法练习(19)-单源最短路径dijkstra算法

    如上图,先初始化1个图,每条边上的红色数字为路径权重:(Node,Edge的定义参见算法练习(17)-图的广度优先遍历/深度优先遍历) Graph init() { List<Node> ...

  8. U盘无法使用的修复方法-九五小庞

    步骤一,下载USBoot USBoot 是一款可以将手中的U盘制作成启动盘的工具,程序自带了MSDOS7.1的两个基本启动文件IO.SYS和COMMAND,如果要制作复杂的启动盘,可以把其他文件拷贝到 ...

  9. 进阶篇：3.2.6）DFM钣金-材料选择

    本章目的:了解钣金工艺常用材料及特性. 1.前言 钣金材料是产品结构设计中最常用的材料,了解材料的综合性能和正确的选材,对产品成本.产品性能.产品质量.加工工艺性都有重要的影响. 2.钣金材料的选材原 ...

  10. Unity Inspector 绘制备注信息 多语言辅助

    属性 using System; using System.Collections; using System.Collections.Generic; using UnityEngine; [Att ...