前端熊猫
学到老,活到老,前端学习ing
展开
-
Html5 video标签学习
本文总结video标签的属性和事件的总结和使用的demo例子原创 2025-01-18 00:00:00 · 630 阅读 · 0 评论 -
Vue3播放视频报ReferenceError: SharedArrayBuffer is not defined
本文讲解要设置跨源隔离以使用SharedArrayBuffer,你需要确保你的网站遵循浏览器的最新安全策略原创 2025-01-15 13:36:48 · 394 阅读 · 0 评论 -
初识@ffmpeg/ffmpeg库
本文讲解了@ffmpeg/ffmpeg库的知识点、使用场景的实现原创 2025-01-14 00:00:00 · 1005 阅读 · 0 评论 -
MSE媒体源拓展的单个和多个视频播放
MSE媒体拓展的上手案例,即无缝衔接第二个url播放原创 2025-01-10 00:00:00 · 217 阅读 · 0 评论 -
流媒体学习
本文讲解了流媒体、流协议、FLV和MSE的联系与区别原创 2025-01-08 00:00:00 · 514 阅读 · 0 评论 -
学习flv.js
查阅flv.js库官方文档库的学习知识原创 2025-01-12 00:00:00 · 788 阅读 · 0 评论 -
学习HLS.js
hls.js库上手和知识学习原创 2025-01-11 00:00:00 · 1197 阅读 · 0 评论 -
MSE+Range案例
MSE的demo实现思路:首先准备的视频地址或者切片,接着将MSE挂载到video上,创建createObjectURL转二进制数据,fetch请求在线地址,分段请求,监听这个数据流的获取状态,当这个ReadyState为open的时候, sourceBuffer.appendBuffer(buf)处理接收到的数据,否则mediaSource.endOfStream()结束接收数据流。原创 2025-01-03 13:46:04 · 469 阅读 · 0 评论 -
MP4 与Fragmented MP4 (fMP4)的区别
本文讲解MP4 和 Fragmented MP4 (fMP4) 是两种常见的视频格式的区别原创 2025-01-08 00:00:00 · 585 阅读 · 0 评论 -
学习HTTP Range
本文讲述 HTTP Range 实现文件分片加载是流媒体和大文件传输的基础技术原创 2025-01-08 00:00:00 · 637 阅读 · 0 评论 -
MSE学习
本文讲述了如何使用 MSE 动态地为 元素提供媒体数据原创 2025-01-08 00:00:00 · 370 阅读 · 0 评论 -
学习Video.js
学习video.js的官方文档内容实践原创 2025-01-06 00:00:00 · 2053 阅读 · 0 评论 -
video.js视频播放上手
本文主要是video,js上手的两种dome方式原创 2025-01-05 00:00:00 · 463 阅读 · 0 评论 -
EasyPlayer.js H5播放器的学习
H5播放器学习原创 2024-12-25 09:43:33 · 805 阅读 · 0 评论 -
EasyPlayerPro播放本地MP4视频
本地加载mp4格式视频需url拼接、校验类型和相关配置等原创 2024-11-29 00:00:00 · 587 阅读 · 0 评论 -
easyplayer-pro播放器学习
easyplayer-pro文档学习原创 2024-12-21 00:00:00 · 1461 阅读 · 0 评论 -
EasyPlayerPro的同一个组件实例根据url不同展示视频流
本文主要讲述当视频 URL 发生变化时,组件会先暂停当前的播放器实例,然后再更新 URL 并重新开始播放原创 2024-12-07 16:19:22 · 991 阅读 · 0 评论 -
webrtc格式视频流的学习
视频会议应用:一个用户可以同时参与多个房间的会议。直播应用:一个用户可以同时观看多个直播流。监控应用:同时管理多个摄像头流。原创 2024-12-02 00:00:00 · 586 阅读 · 0 评论 -
EasyPlayer-pro视频流播放学习
动态渲染内容:性能优化:避免频繁的DOM操作,可使用批量插入(DocumentFragment)。事件绑定:动态创建的元素可能需要使用事件代理(eventdelegation)。安全性:避免使用不可信的innerHTML内容,防止XSS攻击。原创 2024-11-25 18:55:22 · 1118 阅读 · 0 评论 -
hls视频流学习
HLS 是一个非常灵活且强大的流媒体协议,适用于各种不同的流媒体应用场景。特别是在直播、点播、监控、视频会议等场景中,HLS 由于其自适应流和广泛设备兼容性,成为了流媒体应用的主流选择之一。原创 2024-12-01 00:00:00 · 870 阅读 · 0 评论 -
视频格式、协议及其 JavaScript 本地解析
H.265:适合高清和4K视频,具有更高的压缩效率。标签,可以直接嵌入视频格式(MP4、WebM、Ogg)并进行播放HLS 和 DASH 流。用于浏览器中解析和播放 HLS 流媒体的 JavaScript 库,兼容性好。:最常用的视频格式之一,支持 H.264 编码,广泛应用于网络视频。用于播放 DASH 流的 JavaScript 库,支持自适应流。此外,分辨率、帧率、码率等参数决定视频的清晰度、流畅度和质量。:最基本的传输协议,适用于静态视频文件的传输。:较老的视频格式,不常用但仍然存在。原创 2024-11-11 13:50:23 · 750 阅读 · 0 评论 -
flv视频流对接
视频追帧技术是一种提高实时视频播放流畅度的重要手段,尤其是在直播和网络条件不稳定的情况下。合理的延迟检测和追帧策略不仅能提升用户体验,还能最大限度地减少网络波动引起的影响。在实现过程中,需要根据实际情况调整延迟检测频率和追帧速度,以保证平衡流畅性和画面质量。追帧的主要目的是减少延迟对用户观看体验的影响。然而,过度追帧(尤其是高倍速播放)可能会影响观看体验,导致视频播放过快或音画不同步。原创 2024-11-30 07:30:00 · 418 阅读 · 0 评论 -
mp4视频流推送的学习
MP4 是一种广泛使用的数字多媒体容器格式,用于存储视频、音频、字幕以及其他数据(例如元数据)原创 2024-11-26 15:39:35 · 1000 阅读 · 0 评论