学习
实践
活动
专区
工具
TVP
写文章

Flv西瓜播放器(XGPlayer-flv视频代码如何调用

前言 由于FLash插件停用的问题导致网站的时候调用了Flv视频格式文件无法播放,于是百度查找代码资料发现一款挺好用的Flv西瓜播放器下面跟大家介绍下如何使用 介绍 西瓜播放器是字节跳动推出的一款播放器 ,是一个Web视频播放器类库,它本着一切都是组件化的原则设计了独立可拆卸的 UI 组件。 更重要的是它不只是在 UI 层有灵活的表现,在功能上也做了大胆的尝试:摆脱视频加载、缓冲、格式支持对 video 的依赖。 同时,它也集成了对 flv、hls、dash 的点播和直播支持 代码片段 JavaScript

<! xgplayer/browser/index.js" charset="utf-8"></script> <script src="http://cdn.jsdelivr.net/npm/xgplayer-<em>flv</em>.js

1.7K40
  • 广告
    关闭

    1元体验视频云点播

    11.11云上盛惠,云点播流量包首购0.01元起,新老同享点播流量包0.08元/GB起,更有点播存储包/点播转码包/点播审核时长包/闲时流量包等7.4折起础版 使用权+1年视频播放 License 使用权

  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    AS3解析FLV格式和视频相关问题总结

    为什么要解析FLV格式? 在直播项目里面遇到需要统计flash视频帧间隔时长,首帧,GOP,等关键数据的时候,不可避免的需要对flv文件进行解析。 名词定义 首帧:是指用户看到第一个视频帧。 首帧时长:是指用户打开网页到看到第一个视频帧。 I帧:视频关键帧,包含全部的图形信息。 P帧:视频间隔帧,是根据P帧前面的P帧或者I帧diff出来的帧。数据量比I帧小。 GOP:Group of picture(图像组),指两个I帧之间的距离 FLV文件格式的定义 FLV格式定义:FLV是一种容器格式,它支持的音频编码有 linear PCM、ADPCM、MP3、Nellymoser 使用OSMF解析FLV格式 地址: https://sourceforge.net/adobe/osmf/home/Home/ 使用OSFM的org.osmf.net.httpstreaming.flv.FLVParser 再说说掉帧,就目前所知掉帧和bufferTime、浏览器、flv文件视频帧时间戳等都有一定关系。 浏览器方面Chrome掉帧比IE要高。视频帧时间戳均匀可以减少掉帧。

    73960

    AS3解析FLV格式和视频相关问题总结

    本文作者:IMWeb 黄龙 原文出处:IMWeb社区 未经同意,禁止转载 为什么要解析FLV格式? 在直播项目里面遇到需要统计flash视频帧间隔时长,首帧,GOP,等关键数据的时候,不可避免的需要对flv文件进行解析。 名词定义 首帧:是指用户看到第一个视频帧。 GOP:Group of picture(图像组),指两个I帧之间的距离 FLV文件格式的定义 FLV格式定义:FLV是一种容器格式,它支持的音频编码有 linear PCM、ADPCM、MP3、Nellymoser 使用OSMF解析FLV格式 地址: https://sourceforge.net/adobe/osmf/home/Home/ 使用OSFM的org.osmf.net.httpstreaming.flv.FLVParser 再说说掉帧,就目前所知掉帧和bufferTime、浏览器、flv文件视频帧时间戳等都有一定关系。 浏览器方面Chrome掉帧比IE要高。视频帧时间戳均匀可以减少掉帧。

    39410

    AS3解析FLV格式和视频相关问题总结

    为什么要解析FLV格式? 在直播项目里面遇到需要统计flash视频帧间隔时长,首帧,GOP,等关键数据的时候,不可避免的需要对flv文件进行解析。 名词定义 首帧:是指用户看到第一个视频帧。 首帧时长:是指用户打开网页到看到第一个视频帧。 I帧:视频关键帧,包含全部的图形信息。 P帧:视频间隔帧,是根据P帧前面的P帧或者I帧diff出来的帧。数据量比I帧小。 GOP:Group of picture(图像组),指两个I帧之间的距离 FLV文件格式的定义 FLV格式定义:FLV是一种容器格式,它支持的音频编码有 linear PCM、ADPCM、MP3、Nellymoser 使用OSMF解析FLV格式 地址: https://sourceforge.net/adobe/osmf/home/Home/ 使用OSFM的org.osmf.net.httpstreaming.flv.FLVParser 再说说掉帧,就目前所知掉帧和bufferTime、浏览器、flv文件视频帧时间戳等都有一定关系。 浏览器方面Chrome掉帧比IE要高。视频帧时间戳均匀可以减少掉帧。

    19320

    PPCwm视频转换设置

    如果你正在使用PPC/WM,那你一定因为视频转换设置头疼过。其实你的PPC/WM并不是不能用来看视频,只是你没有选择正确的视频转换设置。只要转换正确,你的手机是可以播放H264高清视频的。 下面就以高通528MHz的touch系列作示范,教你正确的进行视频转换。 需要下载的软件 lite mp4 tool 下载以后解压运行,第一次会弹出环境检查,请按照提示安装缺少的组件。 其中视频解码器推荐k-lite code pack。 下面是软件的主界面 在视频输入1处添加你需要转换视频,目标分辨率选择不改变(当视频分辨率小于你的手机分辨率时)或自定义。 其中对于不同的源视频,可以对”码率“和”–vbv-maxrate“进行修改 高清视频: 1100  1200 清晰:900  1000 较清晰:800  900 一般:700  800 点击保存为新配置 转换的文件与原视频在同一目录 附,如果rmvb视频转换以后十分卡,请在开始菜单找到 K-Lite Codec Pack 》 Configuration 》 ffdshow video decoder 按下图进行设置

    16420

    flv.js 实现播放本地视频文件的技巧

    目录 问题 解决 结尾 问题 有时候某些播放器无法直接播放本地视频文件,因此需要在本地启一个 HTTP 静态服务,通过 URL 的形式实现播放目的。 比如,自己在使用 flv.js 播放本地视频文件时就遇到了这个问题。 : http://172.31.13.8:8000/qrq.out.flv 二、播放 URL 播放本地视频文件的代码如下: const video = document.getElementById 播放器播放刚才 URL 的视频文件,终于可以正常显示画面了,如下图所示: 好了,至此,flv.js 播放本地文件的方法就介绍完了,希望可以帮助大家。 作者简介:大家好,我是 Data-Mining(liuzhen007),是一名典型的音视频技术爱好者,前后就职于传统广电巨头和音视频互联网公司,具有丰富的音视频直播和点播相关经验,对 WebRTC、FFmpeg

    51710

    关注

    腾讯云开发者公众号
    10元无门槛代金券
    洞察腾讯核心技术
    剖析业界实践案例
    腾讯云开发者公众号二维码

    相关产品

    • 实时音视频

      实时音视频

      实时音视频(Tencent RTC)主打低延时互动直播和多人音视频两大解决方案,支持低延时直播观看、实时录制、屏幕分享、美颜特效、立体声等能力,还能和直播 CDN 无缝对接,适用于互动连麦、跨房PK、语音电台、K 歌、小班课、大班课、语音聊天、视频聊天、在线会议等业务场景。

    相关资讯

    热门标签

    活动推荐

    扫码关注腾讯云开发者

    领取腾讯云代金券