- 综合排序
- 最热优先
- 最新优先
- 来自专栏OECOM
兼容IE8的视频播放
目前的很多网站为了加强宣传效果增加了视频，通过video标签很容易实现视频的播放功能，但是万恶的IE8不支持html5的视频播放。 虽然如此，我们也有解决的办法，flowplayer提供了一套兼容IE8的视频播放插件，请看下面的例子。 }); api.on("resume",function(e,api){ //播放回复的时候触发（刚开始播放的时候也会触发） tag_play = false; console.log (tag_play); }); function play(el){ //点击按钮触发播放事件 if(tag_play){ $(el).val("暂停"); tag_play = false; }else{ $(el).val("开始"); tag_play = true; } $(".fp-ui").click(); } //当视频播放界面滚动过厚播放暂停
1.8K20发布于 2020-07-02 - 来自专栏全栈程序员必看
M3U8在线播放
M3U8在线播放 前言 一、思路 二、代码框架 1. 移动端适配 2. 改变M3U8地址 3. 设置videojs参数 4. 而这样做的好处，大概就是做多码率适配，保证视频播放的流畅性。有感兴趣的小伙伴可以参看这里—>M3U8文件格式。 我今天要干的事情呢，就是解决当我们找到一个M3U8地址之后如何方便的播放它~ 一、思路 想要播放M3U8的方法有很多，比如浏览器插件 Native HLS PlayBack: 又比如现成的软件 于是，还有一种更好的方法：写一个M3U8在线播放的网站。 直接上图（分别为PC端和移动端）： 二、代码框架 利用js库videojs来对m3u8视频进行解析并播放。 改变M3U8地址 通过在请求地址中加入一个play参数，“http://www.m3u8player.top/?play=xxxx.m3u8”来改变需要播放的m3u8地址。
12.3K30编辑于 2022-07-02 - 来自专栏EasyNVR
支持8K播放，低延时高并发流媒体音视频播放器EasyPlayer.js是如何实现播放8K视频的
其实只要对播放控件的布局进行些许调整即可。那EasyPlayer是怎么实现的呢？ EasyPlayer介绍 EasyPlayer是一款流媒体播放器系列项目，支持RTSP、RTMP、HTTP、HLS、UDP、RTP、File等多种流媒体协议播放、 支持本地文件播放，支持本地抓拍、本地录像 、播放旋转、多屏播放、倍数播放等多种功能特性，核心基于ffmpeg，稳定、高效、可靠、可控。 EasyPlayer.js如何实现播放8K视频？ 目前EasyPlayer播放8K视频时会出现无法播放的错误，那么是否有办法解决这类问题呢？今天我们就来为大家一起分享一下。 解决问题 经过分析发现video.js源码，引入 videojs-contrib-hls.js这个文件，使得video.js支持播放8K视频。
3.4K20发布于 2020-04-23 - 来自专栏黄啊码【CSDN同名】
Android MediaPlayer 播放prepareAsync called in state 8解决办法
使用android MediaPlayer播放音频文件时，有时会出现prepareasync called in state 8错误。 以下方法可以避免这个异常出现。 Uri.parse(audioUri); mMediaPlayer = MediaPlayer.create(getApplicationContext(), uri); try { //在播放之前先判断 isReleased = false; mediaPlayer.setLooping(true); mediaPlayer.start(); mTextView.setText("当前正在播放音乐
1.4K30发布于 2020-05-29 - 来自专栏网页杂谈
WordPress集成DPlayer支持m3u8视频播放
另外发现本站也不支持m3u8播放。 通俗地理解就是，m3u8是一个视频的目录，让你的电脑(浏览器)按这个目录上的顺序一个个地下载视频分片，然后播放出来。可以很好的减轻服务器的负担，并加快播放加载速度。 正常看m3u8是一个完整的视频，实际上它是由多个小视频文件组成的，只要拿到m3u8的链接，就相当于有了一个目录，我们只需要使用工具按这个目录下载，就可以下载到我们需要的视频。 今天无意在GitHub上发现了这个视频播放器，而且看到支持很多格式，于是决定移植到本站上。 DPlayer简介 DPlayer是采用MIT许可的开源项目，使用完全免费。 官方介绍是一款可爱的HTML5弹幕视频播放器。
3.2K10编辑于 2022-11-11 - 来自专栏腾讯多媒体实验室
手机播8K，腾讯智慧播放器助力实现多元超高清影音播放体验
而随着科技的不断进步，显示屏、处理器等硬件技术逐渐成熟，也为4K、8K技术的应用和普及提供了基础支撑。 为了适应不同终端的屏幕大小和网络带宽，可适应270p、480p、720p、1080p、4K、8K等多种分辨率。 对视频瀑布流内容进行预加载，实现首帧秒开效果，充分适应竖屏短视频播放场景。 ● 长视频播放 用于用户在观看视频时需要持续较长时间的场景，例如电影、电视剧、4K或8K纪录片、360全景视频等。 在高清视频播放情境下，针对不支持8K硬解的设备，可使用播放器进行软解。稳定输出8K传输数据，为用户提供持续流畅的8K视听体验。 采用了腾讯智慧播放器的音画质升级方案，实现了手机端的超高清内容播放，提升了用户在终端的观看体验，从容应对了音视频8K化的新需求。
1.6K10编辑于 2023-07-25 - 来自专栏灵简
首个基于西瓜播放器的WordPress m3u8视频播放器插件wp xgplayer
前段时间不是写了基于videojs播放器的插件吗，然后看见有人说国内用DPlayer来搭配的比较多，我就找了下DPlayer，但是找的途中，才看见了西瓜播放器这款产品，是字节跳动旗下的开源产品。 所以我就直接放弃DPlayer，改用西瓜播放器来试了下。 相比之前Wpmvp的播放器插件，功能差不多，但是代码有所不同，因为识别问题，由于我技术不到家，最后只能都改成js了，所以可能会有兼容问题，后续看用户反馈，如果没什么人用就不管了，播放器这个东西其实和videojs 差不多，但是西瓜播放器自带解析可以节省流量，主要是其他好功能我也用不上，没这个需求。 插件功能： 只支持mp4和m3u8视频 支持视频截图 支持多个视频 支持下一集 画中画 短代码 倍速选择 样式全屏 禁用了右键菜单 经典编辑器快捷键 古腾堡编辑器快捷引入 短代码： 单个视频 [xgplayer_video
7.2K21编辑于 2026-03-04 - 来自专栏Kirin博客
video.js解析m3u8在线播放
流媒体服务器： wowza 流媒体格式： m3u8 播放端：移动端网页（Android、IOS） 播放工具： video.js 代码如下： <! DOCTYPE html> <html> <head> <meta charset=utf-8 /> <title>videojs-contrib-hls embed</title> <link "auto" width="100%" height="auto" data-setup='{}'> <source src="http://live.xxx.cn:1935/live/<em>8</em>C23D96A479B9C4BE055000000000107 -EXT/playlist.m3u<em>8</em>" type="application/x-mpegURL"> <script> </script> </body> </html
16.7K30发布于 2020-05-09 - 来自专栏音视频技术
8款测试HLS m3u8视频流的免费在线播放器
▲扫描图中二维码或点击阅读原文▲ 了解音视频技术大会更多信息 ---- 播放器 Easy-Tech #030# 通过m3u8播放器测试m3u8视频流和播放清单是使用HLS协议传输媒体的关键一步。 这款播放器也被列为最佳免费在线m3u8测试播放器之一。 Akamai的免费m3u8播放器界面 当你按下“播放键”，视频开始播放，Akamai的播放器提供了大量有用的信息。你可以在视频播放器右侧查看HLS m3u8文件中的视频切片信息和码率。 为了测试m3u8视频流，Bitmovin提供了一款免费的m3u8测试播放器。 Bitmovin播放器中的HLS m3u8播放数据 4 JWPlayer的demo m3u8播放器 JWPlayer是一个广受欢迎的视频流媒体平台，同时提供跨平台的视频播放器。
14K20编辑于 2022-06-06 - 来自专栏smy
ckplayer 如何在PC上完美支持 m3u8播放
一般情况我们都使用普通的视频格式比如mp4,flv等播放，但如果视频文件过大，会加载较慢。 于是我们可以将视频转成m3u8格式来解决这个问题（可以百度m3u8来了解原理，简单点说他就是把视频切成若干个切片，每个切片都可以独立播放而且大小很小，然后利用一个文件索引来依次播放这些文件，所以很快） 如何转m3u8格式？ ======================= 但是PC上使用video 播放m3u8 是不支持的。幸好的是ckplayer有支持m3u8在PC播放的插件。 但注意了。 swf 的地址 a: 你要播放的m3u8视频地址 至此，大功告成！
3.9K60发布于 2018-04-03 - 来自专栏全栈程序员必看
Android,播放m3u8视频和下载m3u8的视频「建议收藏」
因最近项目需要，研究了一个礼拜的m3u8。格式为m3u8的视频，其实是由多个.ts文件组成在一起播放的。 下面有些资料是参考了网上的，总体概括下实现思路: 1.根据后台给出的m3u8的地址，实现播放,核心代码贴出： try { String url = "http://devimages.apple.com 用浏览器打开m3u8的地址，会发现它是个下载地址，默认会把m3u8文件下载下来，右键以文本方式打开m3u8,会发现是一串有规律的文本文件： #EXTM3U #EXT-X-STREAM-INF:PROGRAM-ID =null&&m3u8List.size()! 3.播放缓存的m3u8。这个就不贴代码了，播放时，就把本地的m3u8地址替换网络的播放地址就可以了。
7.5K30编辑于 2022-09-12 - 来自专栏Python程序员杂谈
动手实现m3u8的浏览器播放器
前几天花了点时间研究了下怎么在浏览器中播放m3u8的视频地址，最后终于找到了两个开源的东西可以正常播放，稍稍整理下方便后来人。 m3u8是什么就不介绍了，现在所有视频网站基本都是通过m3u8的方式来播放视频的。 在浏览器上播放m3u8的视频地址有两种方式： 1 html的video标签的方式，这种方式播放很简单: <! DOCTYPE hmtl> <html> <head> <title>the5fire m3u8 test</title> </head> <body> <video controls autoplay 因此还得采用flash来播放，也就下面的第二种方法。 2 通过开源的swfobject.js以及两个flash组件：OSMF和HLSProvider来播放，上代码: <! 不过在搜索的时候也找不到有人提供这样的方案，反而找到很多基于OSMF而开发的收费的flash播放器。
6.7K30发布于 2019-02-28 - 来自专栏前端技术开发
vue使用video.js解决m3u8视频播放格式
今天被这个关于m3u8视频播放不了搞了一下午，这个项目所有的视频流都是m3u8格式的，后台给我们返回的都是m3u8格式的视频流，解决了好长时间，看了好多博客，只有这个博客给我点启发，去解决这个问题，请查看 不然播放不了m3u8视频格式 mounted() { this. nextTick(() => { this.getVideo(); }); this.getViewList(); }, 定义的两个方法，放在mounted 第二种方法 上面是实现播放 m3u8,接下来说第二种实现方法 <script src="https://cdn.jsdelivr.net/npm/hls.js@latest"></script> 地址请看 https://www.npmjs.com 只需要写这么多，然后再mounted生命周期调用，但是这个没有video.js样式好看，都可以解决播放不了m3u8视频的格式问题。 以上都是来解决m3u8视频播放不了的问题，
10.6K10发布于 2019-09-23 - 来自专栏总结手写习惯
使用播放器播放视频有黑边
这样的情况拉流端SDK一般是处理不了的 2.推流端推的画面无黑边，拉流端播放时有黑边。 解决方法： 对于第二种情况，可以在播放端调用 setRenderMode 接口设置画面显示模式。
3.9K30发布于 2019-09-05 - 来自专栏构建FFmpeg Android播放器
播放器基础--OpenSL ES音频播放
native-audio 是一个简单的音频录制器/播放器。 关于使用FFmpeg + opensl 实现Android播放器播放音频, 可以在回调函数里面获取解码后的音频数据,并调用Enqueue函数进行播放. 在开始播放的时候，需要手动启动回调机制，否则回调将不会被调用到。 //播放器接口 SLPlayItf bqPlayerPlay = 0; //播放器队列接口 SLAndroidSimpleBufferQueueItf bqPlayerBufferQueue opensles/ https://developer.android.google.cn/ndk/guides/audio/opensl 参考 https://www.jianshu.com/p/2b8d2de9a47b
4.7K20发布于 2020-06-22 - 来自专栏Rattenking
解决video标签播放m3u8格式视频失败问题
前言 什么是m3u8？ 效果 效果地址 m3u8视频切换 效果图片 解决方法 采用video.js插件！ 引入 引入videoJS插件样式文件； 引入videoJS插件JS文件； 引入videoJS插件播放m3u8格式视频的HLS功能。 <link href=". <button onclick="changeVideo('http://hls.open.ys7.com/openlive/84b99bd79f85495f84965022a7a345fc.m3u8' alhlsgw.lechange.com:9001/LCO/3H06397PAF00873/0/1/20180514185906/dev_20180514185906_sft2z5tlrz957s0t.m3u8' <source id="source" src="http://hls.open.ys7.com/openlive/84b99bd79f85495f84965022a7a345fc.m3u<em>8</em>"
9K20发布于 2021-01-30 WordPress m3u8 html5视频播放器插件Wpmvp
用的videojs html5播放器，由于在插件内置了播放器文件包，所以插件整体就有点大，毕竟是一个视频播放器。 采用了videojs最新的8.10.0版本，支持对m3u8视频的解析，我需求很少，只要个单视频能播放m3u8就行，想到反正都写了，干脆加个多视频，可能其他人也能用到。 插件名称：HTML5 M3U8视频播放器（Wpmvp - WordPress M3u8 Video Player） 下载公众号回复：wpmvp 现在的功能： 支持mp4、m3u8、webm、mkv、mov 、ogv格式(我只测试了mp4和m3u8) 播放器界面按钮中文提示文字 使用短代码输入 支持经典编辑器快捷键、古腾堡编辑器快捷引入 支持多个视频链接 支持多个视频选集 有一个播放下一集按钮(如果太多集了 播放器m3u8解析：videojs-contrib-hlsjs.min.js 播放器中文语言：zh-CN.js 经典编辑器快捷框：wp-mvp-tinymce.js Gutenberg编辑器快捷引入：
1.6K10编辑于 2024-04-08- 来自专栏多媒体工具
M3U8失效检测、播放异常诊断与FFmpeg解决方案
M3U8链接失效检测与调试指南一、M3U8链接失效的核心检测方法1.1HTTP状态码验证基础检测：通过HTTP请求验证M3U8文件可达性，返回状态码200OK表示链接基本有效关键状态码解析：404NotFound 标签开头，包含有效媒体片段信息加密流验证：若存在#EXT-X-KEY字段，需检查密钥URL的可达性及解密有效性TS分片测试：随机抽取3-5个TS分片URL进行单独请求，验证片段完整性1.3播放测试法在线工具验证 ：使用M3U8在线播放器直接测试播放本地播放器测试：VLC：通过"媒体>打开网络串流"加载链接Potplayer：使用"打开URL"功能验证播放流畅度二、专业检测工具推荐2.1命令行工具工具核心功能使用场景 curl-Ihttps://example.com/stream.m3u8#使用FFmpeg测试播放ffmpeg-headers"Referer:https://www.example.com"-iinput.m3u8 支持拖放检测、多线程验证与超时设置PHPM3u8解析库：遵循RFC8216标准，适合开发集成M3U8解析功能2.3浏览器开发工具网络面板分析：过滤.m3u8请求，检查响应状态与请求头实时监控：使用ChromeDevTools
72910编辑于 2026-01-25 - 来自专栏Qt项目实战
Qt编写的项目作品8-RTSP播放器+视频监控(vlc版本)
一、功能特点 多线程实时播放rtsp视频流。 支持windows+linux+mac。 多线程显示图像，不卡主界面。 自动重连网络摄像头。 可设置边框大小即偏移量和边框颜色。 可播放本地视频文件，支持设置帧率。 支持h265视频流+rtmp等常见视频流。 可暂停播放和继续播放。 支持回调模式和句柄两种模式。 自动将当前播放位置和音量大小是否静音以信号发出去。 提供接口设置播放位置和音量及设置静音。 支持定时存储视频文件。 支持外部拖曳文件+拖曳节点数据进行播放。 自定义顶部悬浮条，发送单击信号通知，可设置是否启用。
1.7K20发布于 2020-03-19 - 来自专栏AnRFDev
Android MediaPlayer 音频倍速播放，调整播放速度
本文链接： Android MediaPlayer 音频倍速播放，调整播放速度 现在市面上的很多音视频App都有倍速播放的功能，例如把播放速度调整为0.5、1.5、2倍等等。 从Android API 23 (Android M)开始，MediaPlayer支持调整播放速度。 使用的方法是setPlaybackParams，传入一个代表播放属性的类PlaybackParams。 本文介绍如何使用MediaPlayer调整播放速度。 PlaybackParams包含着播放时候的一些属性。例如speed就是播放速度。 PlaybackParams.setSpeed(float speed) 传入速度倍率值。会标记当前设置过了速度。 Android 使用URLConnection下载音频文件 Android MediaPlayer 音频倍速播放，调整播放速度 Android音视频相关文章请参考 https://rustfisher.com
5.3K10发布于 2021-02-01
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号