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

简单的 H5 视频解决方案

作者:周超 导语 随着直播平台爆发式增长,直播平台从 PC 端转战移动端,紧跟着直播的潮流,自己学习实现了一套简单的 H5 视频的解决方案,下面就给小伙伴们分享一下自己学习过程中的经验。 详细介绍可以参考:《【经验分享】音频、视频利器——FFmpeg》 模拟 先来看一个简单的直播流流程图 : [1497340227199_939_1497340227139.png] 用 flv 视频文件模拟 注:RTMP(Real Time Messaging Protocol),实时消息传输协议,用于视频直播协议,和 HLS 一样都可以应用于视频直播;   用 mp4 视频文件模拟 HLS 视频: ffmpeg ; HLS 的请求流程: [1497340264794_4067_1497340264502.png] H5 如何在页面上播放视频

   总结 根据以上的流程,简单的实现了一个视频直播的服务器来推送直播,并且可以在 H5 页面上播放视频。有兴趣的小伙伴们也可以尝试一下~

8.3K124
  • 广告
    关闭

    1元体验视频云点播

    云点播为您提供媒资管理+短视频SDK+小程序插件+超级播放器等丰富的产品能力,1元起快速体验长短视频一体化方案,购买点播流量包即赠28天短视频 License 基础版 使用权+1年视频播放 License 使用权

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

    Android平台下使用FFmpeg进行RTMP视频文件)简介

    在Android平台下用FFmepg解析视频文件并进行RTMP。如果对FFmpeg基础不熟或者不知道如何在Android项目中使用,请先阅读流媒体专栏里之前的文章。 新增函数 异常处理 设置回调方法 常见问题 源码 新增函数 首先我们将所有FFmpeg的操作抽取到一个类里面,然后增加方法。 源码见末尾 异常处理 在我们之前的代码中,并没有做异常处理。这样在正式的使用中肯定不太好的。所以我们加上try catch。统一进行资源释放。 源码见末尾 设置回调方法 为了方便我们查看的信息,我们新增一个回调类。 AVStream *in_stream = ictx->streams[i]; //为输出上下文添加音视频(初始化一个音视频容器) AVStream

    3K20

    视频协议学习:都擅长的 RTMP

    Rtmp的交互过程可以理解成独有的握手过程、控制命令传输、音视频数据传输。 二、握手过程 一个 RTMP 连接以握手开始。 Message Stream Id: 消息ID,标识消息所使用的,用大字节序表示。 在接收端,这些块被根据块 ID 被组装成消息。 分块允许上层协议将大的消息分解为更小的消息,例如,防止体积大的但优先级小的消息 (比如视频) 阻碍体积较小但优先级高的消息 (比如音频或者控制命令)。 块ID为2时保留作为低级协议的控制消息和命令消息。以下是基本头的每个占位介绍: 3.3分块例子 四、交互过程 4.1 ! 4.2拉 五、实践观察 5.1rtmp推拉环境搭建 参考视频协议学习--HLS的环境部署 5.2rtmp推拉抓包 5.2.1主要的包介绍 5.2.2主要的拉包介绍 拉的其他流程与类似

    6.7K32

    直播如何通过EasyDSS平台将内网EasyGBS视频推到公网直播间进行直播?

    在实际的视频直播项目中,我们经常会遇到一些现场网络比较特殊的情况,比如内网和外网不相通的情况。 此处需要用到一个平台,本文我们以EasyDSS视频平台来举例。 1)首先需要一台能够访问到公网的服务器,公网可以无法访问到这台服务器,但是该服务器一定要能访问到公网,这里建议设置双网卡来操作; 在该公网服务器上部署一套EasyDSS平台。 2)打开EasyDSS虚拟直播,在虚拟直播中,将EasyGBS的地址输入进去,然后推到相应的直播间,点击保存; 3)检查一下EasyDSS内的视频是否推送正常,从视频直播里面看能不能播放; 4)确认无误后在直播基础设置的转配置里面把公网的直播间的 RTMP地址配置到此处; 5)配置完成后在公网直播间播放地址则可以看到视频播放成功。

    64230

    视频直播技术详解之和传输

    七牛云于6月底发布了一个针对视频直播的实时流网络LiveNet和完整的直播云解决方案,很多开发者对这个网络和解决方案的细节和使用场景非常感兴趣。 结合该实时流网络LiveNet和直播云解决方案的实践,我们将用七篇文章,更系统化地介绍当下大热的视频直播各环节的关键技术,帮助视频直播创业者们更全面、深入地了解视频直播技术,更好地技术选型。 本系列文章大纲如下: (一)采集 (二)处理 (三)编码和封装 (四)和传输 (五)现代播放器原理 (六)延迟优化 (七)SDK性能测试模型 在上一期的处理篇中,我们介绍了讲解编码和封装 本篇是《解密视频直播技术》系列之四:和传输。是直播的第一公里,直播的对这个直播链路影响非常大,如果的网络不稳定,无论我们如何做优化,观众的体验都会很糟糕。 首屏秒开,从用户点击到播放控制在秒级以内 1~3延迟控制,从端到播放端,延迟控制在1~3秒之间 全球全网智能路由,可以利用整个CDN网络内的所有节点为某一单一用户服务,不受地域限制。

    71640

    3、搭建rtmp视频服务器

    tv_file{ #开启实时 live on; #开启hls hls on; #rtmp请求路径 ,文件存放路径 hls_path /usr/local/nginx/html/tv_file; #每个TS文件包含5秒的视频内容 测试: windows 终端 telnet 服务器地址 1935 遇到的问题: telnet不可用, 控制面板->程序和功能->启用和关闭Windows功能->勾选Telnet Client 7.测试 , 勾选:循环、当源变为活跃状态时重新启动播放、在可用时使用硬件解码 在右下角 控件 模块,点击设置,点击 服务:自定义 服务器:rtmp://服务器地址:1935/tv_file 串流密钥 :test(这处随便,也就是保存到服务器端的文件名) 开始: 然后在服务器段就可以看到 .ts .m3u8文件 cd /usr/local/nginx/html/tv_file ls test-0

    65330

    视频流媒体服务器RTSP拉、RTMP方案EasyNVR如何实现视频其他直播间?

    主要原因在于rtsp协议的视频(默认是需要插件才可以播放的)经由EasyNVR处理后可以满足无插件的全平台直播。 处理后会获取到RTMP、HLS视频,这就解决了插件直播的问题,只要终端设备支持H5,就可以播放EasyNVR分发出的视频。 ? EasyNVR如何实现视频其他直播间 解答问题 1.获取到直播间的地址: ? 2.将对应的地址添加到需要的通道的CDN配置选项中 ? 3.成功将视频流到对应的rtmp流媒体直播间,并且有直播间进行视频分发。 ? ? 该功能可以动态运用,将EasyNVR接入的视频进行转推到需要直播的流媒体服务器进行直播分发。

    1.4K20

    视频组件EasyRTMP_HIK视频流到EasyDSS由于时间戳问题无法播放排查

    作为一款可靠的视频功能组件EasyRTMP,很多用户都会通过该组件的协助来搭建平台。 最近有开发者在试用EasyRTMP_HIK工程的时候,发现将视频流到EasyDSS流媒体服务播放不了,有时候只显示码数据,却无法播放;有时候只会出现第一帧数据,显示一帧画面,后面就卡住不动了。 根据流产生的该现象,我们按照以下三点来进行分析: 1、我们可以确认在EasyDSS上已经可以接收到码数据,但是无法正常显示,说明数据已经成功传送,无法播放很大可能性是解码的问题; 2、是否是由于解码性能不够导致的 中集成的EasyPlayer播放器是一款很优秀的Web播放器,而且经过很多年的迭代,目前已经很完善; 3、那么很有可能是数据发送时间戳问题,EasyRTMP_HIK项目的原理是通过海康SDK的方式获取音视频数据

    36220

    直播优化丨音视频工业实战

    虽然工具众多,但端的整个工作流程还是比较固定的: 摄像头、麦克风采集 → 视频编码、音频编码 → 音视频封装合流 → 端我们可以针对用户播放体验做的优化主要包含:断流优化和延时优化 1、卡顿优化 造成直播卡顿的原因主要有设备、视频、网络这三方面。 1.1、选择较高性能的设备 高清视频的编解码往往会给硬件带来更大的压力,由于编解码造成的卡顿尤为明显。 在实际场景中,有些中断的情况是由于设备音视频权限被抢占或打断造成的。比如,在时,弹出一个视频播放把音频权限模式给改掉了,导致没有音频采集权限而中断。 1.4、断流重连 直播从端,到服务端,再到播放端,各节点一般都会有音视频数据的缓冲。 1.6、码率自适应 端在遇到网络较差,音视频码率发送不出去的时候也会造成播放端的卡顿或者报错,因此端也需要做码率自适应来适配网络。

    27220

    互联网视频直播&点播平台RTMP组件EasyRTMP如何获取当前状态 ?

    EasyRTMP作为TISNGSEE青犀视频开发的视频组件,其功能稳定可靠,经过多年项目实战,多种复杂环境运行,长期在线检验,已经能够在手机直播、桌面直播、摄像机直播、课堂直播等方面实现优秀的功能 在用户的使用过程中,创建一个后,也有随时监控状态的需求,如何获取EasyRTMP当前的状态?这个需要根据回调函数来进行判定。 \n"); break; default: break; } return 0; } 根据回调函数我们可以获取当前的状态,具体的函数释义如下: EASY_RTMP_STATE_CONNECTING EASY_RTMP_STATE_CONNECT_FAILED, /* 连接失败 * / EASY_RTMP_STATE_CONNECT_ABORT, /* 连接异常中断 * / EASY_RTMP_STATE_PUSHING, /* 中 作为TSINGSEE青犀视频开发产品的一份子,EasyRTMP当然也是支持测试的,欢迎了解。

    44520

    关注

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

    相关产品

    • 直播 SDK

      直播 SDK

      直播 SDK 是腾讯云直播服务在移动场景的延伸,集成了腾讯云直播的推 / 拉流、主播观众互动连麦、主播跨房 PK 等能力,提供包括 iOS、Android、小程序、Web 等多种接入方式,为您提供针对移动场景的高质量直播服务,快速满足手机直播的需求。

    相关资讯

    热门标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      扫码关注腾讯云开发者

      领取腾讯云代金券