web视频（点播/直播）播放器选型

最新推荐文章于 2024-04-04 09:34:18 发布
最新推荐文章于 2024-04-04 09:34:18 发布
阅读量2.4w 收藏 3
点赞数 3
文章标签： web播放器 直播点播
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_36710522/article/details/102783678
版权
本文对比分析了五款主流Web播放器：video.js、阿里web播放器、ckplayer、网易播放器和MediaElement.js，主要从点播mp4格式及直播http-hls流的播放效果进行比较，并对rtmp的支持情况进行说明。

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

随着互联网发展，网页已不仅仅承载着图文信息，更多的是音视频信息，而播放器，也逐渐成为一个web系统前端独立的模块，现因项目中web播放器的使用对直播和点播模块的实现，对此块支持性上简单做了一下系统的梳理。
目前web端个人所了解的播放器做了一下对比：
1.video.js
2.阿里web播放器
3.ckplayer播放器
4.网易播放器
5.MediaElement.js播放器

点击进入这五款播放器（点播mp4格式，直播http-hls[m3u8]流）的demo对比以及对rtmp的支持说明。

基于Java的视频点播系统设计与实现
2301_81127431的博客
01-04 943
传统的视频观看方式往往受到时间、地点的限制，而视频点播服务则打破了这些限制，使用户能够随时随地观看自己喜欢的视频内容。基于Java的视频点播系统正是为了满足这一需求而设计的，它利用Java语言的跨平台性、高效性和稳定性，为用户提供了稳定、流畅的视频观看体验。未来，随着技术的不断发展和用户需求的不断变化，该系统可以进一步扩展功能，如增加社交功能、支持更多视频格式等，以满足更多用户的需求。基于用户的观看历史和偏好，系统可以采用协同过滤、基于内容的推荐等算法为用户推荐个性化的视频内容。
Web视频播放器XPlayer.zip
07-19
xPlayer v1.0 特性: 文件大小 9.78kb; 可以自定义皮肤; 3.支持 http 和 rtmp 视频; 4.音量调节,全屏播放,拖拽播放; 作者:胡俊 邮箱:whuthj@163.com; Code license:GNU Lesser GPL; 说明: 由于 Flex 自带视频播放器体积过于笨重, 所以自己开发了一个轻量级的视频播放器 xPlayer 希望对大家有用, 本源码可以随意传播或者修改完善,旨在方便开发者使用.同时也宣传一下公司的业务素质体育:http://www.cssrc.org   标签：XPlayer
Web视频播放器
12-06
Web视频播放器 用HTML Javascript书写 需要开启falsh播放功能
免费Web视频及音频播放器
东名夜雨 的专栏
10-26 1968
简单易用的，可以嵌入任意网页的 FLV 视频与 MP3 音频播放器，它们都基于 Flash 技术。 1. Flowplayer Flowplayer 是一个开源（GPL3 许可）Web 视频播放器，可以将视频嵌入到你的网页。 2. JW FLV Player JW FLV Player 是 最流行，最灵活的 Web 媒体播放器，它可以播放 Fla
5 个免费的 Web 视频及音频播放器
COMSHARP CMS 专栏
05-04 4142
在线视频，在线音频越来越流行，即使你的网站成不了YouTube，也不妨在上面部署一些可以直接在线播放的视频，在 Web 上播放媒体，如今最可靠方案莫过于Flash。本文介绍5个免费的，简单易用的，可以嵌入任意网页的 FLV 视频与 MP3 音频播放器，它们都基于 Flash 技术。1. FlowplayerFlowplayer 是一个开源（GPL3 许可）Web 视频播放器，可
一个简单的web视频播放器
06-28
一个简单的视频点播工具，不需要数据库，只需要把视频文件按文件夹分类放到指定的目录下系统会自动过滤并读取到树里进行点播。无源码。 网站标题可以任意修改aspx页，没有限制
web视频播放器，web播放插件
10-27
支持各种格式视频
app视频点播直播系统方案[归纳].pdf
10-11
《app视频点播直播系统方案》是对现代移动应用中视频内容消费的重要技术解析。此方案主要关注于构建一套高效、稳定且用户友好的视频点播和直播应用，以满足日益增长的在线视频需求。 首先，系统概述部分阐述了系统...
springboot023-Java视频点播系统设计与实现.zip
最新发布
12-16
视频流服务使用了流媒体技术，支持了点播和直播两种模式，确保了视频流的稳定传输。 在线点播功能是整个系统的核心。系统通过前端展示视频列表，用户可以浏览和选择想要观看的视频。点击视频后，系统会加载视频信息...
Web交互式视频点播系统：流媒体与技术实现
在线视频点播系统论文探讨了随着计算机技术和互联网的快速...这篇论文深入研究了如何构建一个基于Web的交互式视频点播系统，包括技术选型、系统架构、功能实现以及网络优化策略，为相关行业的实践提供了有价值的参考。
ASP.NET+ACCES视频点播系统设计(源代码+论文)
08-27
ASP.NET+ACCESS视频点播系统设计是一个典型的Web应用程序开发项目，它结合了ASP.NET技术和Microsoft Access数据库，用于构建一个功能完善的视频点播平台。在这个系统中，用户可以浏览、搜索和播放在线视频，同时，...
web本地视频播放器
12-31
详细介绍请看https://blog.youkuaiyun.com/liuyonghhh/article/details/103753064
web 视频播放器 js
03-08
autoscroll(true,false):当播放列表过长的时候，默认会自动显示滚动条。当该值设置为’true’的时候，会自动根据鼠标滚动播放列表。 displaywidth(number of pixes):设置显示区域的宽度，当设置的比较小的时候，播放列表会显示在显示区域的右侧而不是底部。 kenburns* (true,false): 用以实现在运动的时候实现kb效果（Ken Burns effect），注意，当图比较大，而且网速比较快的时候，建议打开，否则关闭。建议设置transition为"slowfade"来配合。 largecontrols (true,false): 设置该值为true用来放大控制区域的按钮。建议为视力不好的用户打开 logo* (url): 设置一个图片用来作为右上角的水印，支持所有图片格式，支持通明图层的png效果最佳。 overstretch* (true,false,fit,none): 设置图片/影片在显示区域的缩放。"true"等比例拉伸用来符合显示区域。"false"仅拉伸合显示区域。"fit"全屏显示。"none"显示原始大小。JW Media Player等默认为"fit",JW Image Rotator默认为"false" showdigits (true,false,total): 设置为"false"隐藏播放时间等信息用来节省控制区域的空间。设置为"total"用来显示全部时间。 showdownload (true,false):设置该值用来在控制区域显示下载按钮。链接到link所设置的地址。 showeq (true,false): 用来显示一个假的音频波动效果。当播放mp3的时候打设置该值可以得到很好的效果 showicons* (true,false): 用来显示或者隐藏显示区域中间的图片，JW Media Player等默认为true。JW Image Rotator默认为false； showvolume (true,false): 用来设置是否显示音量控制按钮 thumbsinplaylist (true,false): 设置列表中是否显示预览图 播放参数 autostart (true,false,muted): 设置为ture，页面加载完后会自动播放。设置为muted，会在静音模式下自动播放，并且显示区域中间有静音图标。bufferlength (number): 设置flv的缓存时间。默认为3秒 repeat* (true,false,list): 默认为flase，从当前播放位置播放到列表尾部后停止。设置为list会播放列表中所有的项目，设置为true会循环播放。 rotatetime* (number): 设置图片的显示时间。JW Media Player等默认为10秒,JW Image Rotator默认为5秒 shuffle* (true,false): 设置为false顺序播放，设置为true无序播 smoothing (true,false): 设置为false关闭视频平滑处理，推荐设置true用以得到更好效果。但对于大屏幕或者配置低的机器设置false是有好处的 start* (second): 在使用RTMP 或 HTTP 流媒体的时候（非常规的flv/mp3)，使用该变量准确的定位开始位置。该参数设置在XSPE格式的列表中以便准且的设置文件的章节。 volume* (number): 设置音量，默认为80. 互动参数 audio* (url):用这个参数来添加一个mp3文件作为单独的音频，可以作为图片的背景音乐解说等。 bwfile (url):用以带宽检测的文件的地址，可以放一个图片，或者rtmp流媒体。可以在右键菜单中查看到贷款数值。 bwstreams (comma-separated list of bitrates): 和bwfile配合使用，根据带宽值来选择不同的文件。如：你要播放video.flv并且设置该项的值为100,250,500,1000,当播放器发现带宽为349kbps的时候，将会播放video_250.flv。所以他有一套有效的命名设置，他将会自动切换，哪怕是在采用播放列表的情况下。 callback (url):设置这个参数为服务端程序（php/asp)地址用来回传数据。在每个项播放和停止的时候会发送数据到服务器，以便在服务器端保存播放统计。 captions (url): 设置该值用以载入一个文本格式的文本作为字幕。播放器至支持SMIL格式和DVD的SRT格式的字幕。如果你的flv文件内置字体你可以设置该值为"captionate".如果你有多频道字幕，可以设置这个值为"captionate0", "captionate3"等。可以在列表中设置每一个项的值。 enablejs* (true,false): 设置为true打开对javascript的支持。仅支持在线使用。javascript可以控制播放，加载媒体，获得当前播放项的详尽信息。 fsbuttonlink (url):如果用户的flashplayer版本高于（9.0.28）播放器会自动的显示一个全屏按钮。通过设置该值，你可以链接到另外的页面用以全屏显示。服务端程可以设定将要播放的文件。 id (string): 播放器的唯一标识。将会被回传到服务器端。 javascriptid* (string):如果你的页面上有多个播放器，你可以设置这个参数给每个播放器不同的id，这样就可以方便的用javascript来控制。他将回传到getUpdate（）事件中。 link (url): 通过这个参数用来设置一个可现在的版本，或者强制用户通过该地址下载当前项。可以在播放列表中为每一项设置该值。 linkfromdisplay* (true,false):设置显示区域被点击时要访问的页面。默认点击显示区域时会进行播放/暂停操作。 linktarget* (frame): 设置链接目标，"_self"在当前页打开。"_blank"在新页面中打开。 streamscript (url):设置这个参数为了兼容‘伪流媒体’FLV文件。 type (mp3,flv,rtmp,jpg,png,gif,swf,rbs,3gp,mp4,m4v): 播放器会根据文件名的最后三个字符来判断类型。在你使用服务器端语言进行重定向时，这种方法将不会再有效。所以你可以设置这个参数来告诉播放器文件类型。你也可以在播放列表中对每一项进行设置。如果播放器找不到文件类型将会被识别为播放列表。 useaudio (true,false): 设置为false用来改变为静音状态。 usecaptions (true,false):设置为false隐藏字幕. usefullscreen (true,false):如果你不希望用flashplayer9的全屏模式。可以设置"fsbuttonlink"参数用来替换全屏按钮的事件。 usekeys (true,false): 设置为"false"用来取消键盘操作(SPACE,UP,DOWN,LEFT,RIGHT) 注意：你必须对?=&进行字符转移。? → %3F, = → %3D, & → %26. 你的"file" 变量为getplaylist.php?id=123的时候必须设置为 getplaylist.php%3Fid%3D123.
webRTC的直播播放器
08-04
自定义的webRTC播放器 - h5格式的
webplayer 最专业的网页播放器 很好
03-16
最专业的网页播放器，给人一种美的享受，文件小，功能强大，这就是它最闪亮的一点。
Web端专业级H264/H265 直播流播放器实现-JessibucaPro播放器
11-30 4341
这个主要是参加“深圳 liveVideoStack” 的ppt的文字版的分享。题目是：Web端专业级H264/H265 直播流播放器实现-JessibucaPro播放器
推荐一款强大的Web视频播放器：H-Player V2
gitblog_00049的博客
03-22 926
推荐一款强大的Web视频播放器：H-Player V2 h-player-v2资源采集站在线播放项目地址:https://gitcode.com/gh_mirrors/hp/h-player-v2 是一个开源的HTML5视频播放器，旨在提供丰富的自定义选项和先进的功能，以满足开发者和网站所有者对视频体验的各种需求。这款项目的源代码托管在Gitcode上，欢迎大家参与贡献和使用。 技术分析 H-P...
探索 JR-Player：一款现代化的Web视频播放器
gitblog_00090的博客
04-04 385
探索 JR-Player：一款现代化的Web视频播放器 去发现同类优质开源项目:https://gitcode.com/ 在数字化时代，高质量的视频体验是不可或缺的一部分。今天，我们向您推荐 ，一个基于Web的开源视频播放器，它提供了丰富的功能和灵活的定制选项，以满足各种应用场景的需求。 项目简介 JR-Player 是一个轻量级且强大的HTML5视频播放器，由JavaScript和CSS3构建。...
Clappr——开源的Web视频播放器
natalie86的专栏
05-23 2449
巴西著名的门户网站Globo.com（视频播放器），使用的是基于OSMF的Flash组件。在最近几年的发展过程中，Globo为视频平台陆续添加了不少额外功能，例如： 字幕，广告，画中画播放等。然而，由于缺乏针对视频平台进行维护的专门小组，网站工程师之一的FlávioRibeiro越来越感觉这个平台落后和难以应付不断增长的在线访问需求了。特别是今年，世界杯第二次来到足球王国，Globo将面临的是
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

你好！YOYO

你的鼓励

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值