当我们使用obs和red5实现了一个简单的直播Demo之后,我们已经掌握的直播的一个基本的流程:推流-编码-拉流-解码
,但是red5的view页面绝对不是我们所想要的,也不是我们所想呈现给用户看的界面,这时我们就需要去重写一个客户端去承载流的显示!本文将会介绍几种客户端拉流的方式,基于此基础上我们可以做一些扩展。
video.js是一款基于HTML5的网络视频播放器。它支持HTML5和Flash视频,以及YouTube和Vimeo(通过插件)。支持在桌面和移动设备上播放视频。这个项目从2010年中期开始,现已经在40多万个网站上使用。
video.js仍然需要支持H5的浏览器的配合,这里这里查看目前所有支持的浏览器。
video.js部署简单,只需要如下一个简单的几行html + js
代码就可以部署一个直播客户端,当然,需要浏览器允许video.js使用**flash“`。
<html><head><title>Video.js直播</title><meta charset="utf-8"><link href=".5.3/video-js.css" rel="stylesheet"><!-- If you'd like to support IE8 --><script src=".1.1/videojs-ie8.min.js"></script></head><body><h1>直播间</h1><video id="my-video" class="video-js" controls preload="auto"width="640" height="300"poster=".jpg"data-setup="{}"><!-- 直播地址 --><source src="rtmp://cyberplayerplay.kaywang/cyberplayer/demo201711-L1" type="rtmp/flv"></video><!-- 引入video.js --><script src=".5.3/video.js"></script><!-- 自动播放 --><script type="text/javascript">var myPlayer = videojs('my-video');videojs("my-video").ready(function(){var myPlayer = this;myPlayer.play();});</script> </body>
</html>
video更多的帮助文档请查阅.html
音视频转码MCT(Multimedia Cloud Transcoder),结合百度云平台,为开发者和企业用户提供包括音视频存储、转码、CDN加速、多端安全播放器(Web/Android/iOS)、DRM(Digital Rights Management)数字版权管理等服务。
极速视频转码
强大的分布式转码集群,极速的转码体验,支持主流视频格式转码,支持多码流多格式输出。
CDN全网加速
多年CDN技术积累,稳定快速,多线BGP接入,覆盖全网,企业级安全防护,为用户提供优质服务。
安全存储
服务可用性99.9%,可靠性99.999999999%,具有多级安全控制和防护保证数据安全。
丰富的SDK支持
支持RESTful API方式访问,支持多种开发语言的SDK,并提供Android/iOS/Web等多种平台的可定制的播放器。
官方提供了多种视频协议播放的demo。
演示地址:.html
项目介绍:.html
其中rtmp协议的demo:
<div id="playercontainer"></div>
<script type="text/javascript" src="player/cyberplayer.js"></script>
<script type="text/javascript">var player = cyberplayer("playercontainer").setup({width: 680,height: 448,file: "rtmp://cyberplayerplay.kaywang/cyberplayer/demo201711-L1", // <—rtmp直播地址autostart: true,stretching: "uniform",volume: 100,controls: true,rtmp: {reconnecttime: 5, // rtmp直播的重连次数bufferlength: 1 // 缓冲多少秒之后开始播放 默认1秒},ak: "xxxxxxxxxxxxxxxx" // 公有云平台注册即可获得accessKey});
</script>
目前百度对音频转码这一块暂时不收费,但是仍然需要填写accessKey才可以正常使用MCT播放器,所以以后可能会收费,下面是accessKey的获取方式:
注册成功后进入个人中心页面,用户ID就相当于accessKey:
附赠MCT支持的流格式:
输入文件格式
输出文件格式
目前先介绍这两种拉流方式,下一篇将会介绍如何在服务器上部署rtmp协议地址,实现一个简单的直播demo。
本文发布于:2024-01-30 03:57:08,感谢您对本站的认可!
本文链接:https://www.4u4v.net/it/170655823019057.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
留言与评论(共有 0 条评论) |