apicloud,aliyunlive,测试成功
生活随笔
收集整理的這篇文章主要介紹了
apicloud,aliyunlive,测试成功
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
1.推流
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"><title>直播測試</title><link rel="stylesheet" type="text/css" href="../../css/aui.2.0.css" /> </head><body style="overflow: hidden;"><header class="aui-bar aui-bar-nav">發起直播 </header><script type="text/javascript" src="../../script/api.js"></script> <script type="text/javascript" src="../../script/common.js"></script><script>var aliyunLive;apiready = function () {fix_status_bar();aliyunLive = api.require('aliyunLive');aliyunLive.configStream({rect: {x: 0,y: 0,w: 375,h: 667},url: 'rtmp://video-center.alivecdn.com/yunlutong/test?vhost=live.yunlutong.com&auth_key=1490162678-0-0-0a084668d1f4b0eb1066a33c04c3bcf8',bitRate: {videoMaxBitRate: 1500 * 1000,videoMinBitRate: 400 * 1000,videoBitRate: 600 * 1000,audioBitRate: 64 * 1000},fps: 20,screenOrientation: 'vertical',reconnectTimeout: 5,videoResolution: '240P',videoPreset: '1280*720',cameraPosition: 'front',waterMarkImage: {path: '',location: 'leftTop',maginX: 20,maginY: 20},fixed: true},function(ret) {startStream();});}// 增加連接狀態監聽function addConnectStatusListener() {aliyunLive.addConnectStatusListener(function(ret){alert(JSON.stringify(ret));});}// 銷毀推流,測試有效function destroyStream() {aliyunLive.destroyStream();}// 轉換攝像頭,測試有效function toggleCamera() {aliyunLive.toggleCamera();}// 設置美顏,測試有效function setBeauty() {aliyunLive.setBeauty({beauty: 'on'});}// 設置靜音function setMute() {aliyunLive.setMute({mute: 'on'});}// 設置閃光燈,測試有效,對后置攝像頭有效function setFlash() {aliyunLive.setFlash({flash: 'on'});}// 停止推流function stopStream() {aliyunLive.stopStream(function(ret){alert(JSON.stringify(ret));});}// 開始推流function startStream() {aliyunLive.startStream(function(ret){alert(JSON.stringify(ret));});}</script></body> </html>2.拉流
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"><title>直播測試</title><link rel="stylesheet" type="text/css" href="../../css/aui.2.0.css" /> </head><body style="overflow: hidden;"><header id="aui-header" class="aui-bar aui-bar-nav">看直播 </header><script type="text/javascript" src="../../script/api.js"></script> <script type="text/javascript" src="../../script/common.js"></script> <script type="text/javascript" src="../../script/jquery.min.js"></script> <script>var mediaPlayer;apiready = function () {fix_status_bar();mediaPlayer = api.require('aliyunLive');mediaPlayer.init({rect: {x: 0,y: $("#aui-header").height(),w: api.winWidth,h: api.winHeight - $("#aui-header").height()},accessKeyId : 'xxxxx',accessKeySecret : 'xxxxx',businessId : 'yunlutong'}, function(ret, err) {prepareToPlay();play();});}// 添加監聽function addEventListener() {mediaPlayer.addEventListener(function(ret){alert(JSON.stringify(ret));});}// 設置緩沖時長function setMaxBufferDuration() {mediaPlayer.setMaxBufferDuration({duration:10000});}// 設置默認解碼器,0硬件解碼器,1軟件解碼器function setDefaultDecoder() {mediaPlayer.setDefaultDecoder({type : 1});}// 視頻縮放,0等比例縮放,1剪切縮放function setVideoScalingMode() {mediaPlayer.setVideoScalingMode({mode : 1});}// 設置靜音function setMuteMode() {mediaPlayer.setMuteMode({isMute:true});}// 設置媒體類型function setMediaType() {var mediaPlayer = api.require('aliyunLive');mediaPlayer.setMediaType({type:0});}// 請求超時時間function setTimeout() {mediaPlayer.setTimeout({timeout:5000});}// 獲取視頻高度function getVideoHeight() {mediaPlayer.getVideoHeight(function(ret){if(ret){alert("Video height : " + ret.height);}});}// 獲取視頻寬度function getVideoWidth() {mediaPlayer.getVideoWidth(function(ret){if(ret){alert("Video width : " + ret.width);}});}// 摧毀直播function destroy() {mediaPlayer.destroy();}// 停止播放function stop() {mediaPlayer.stop();}// 暫停function pause() {mediaPlayer.pause();}// 播放function play() {mediaPlayer.play();}// 準備播放function prepareToPlay() {mediaPlayer.prepareToPlay({url:'http://live.yunlutong.com/yunlutong/test.m3u8?auth_key=1490164347-0-0-a19f94a4fcd8a033f6b778bedd48545c'}, function(ret, err) {if(ret && ret.status){}});}</script></body> </html>ps:
1.這里需要申請Access Key ID,Access Key Secret
2.配置好推流和拉流的url。
3.這里只是初步實現了視頻直播的功能,具體的還是需要配合服務器,把直播列表的數據獲取到,展示到app中。
最好能夠支持用戶發言,發送小禮物,或者查看在線人數,和觀看視頻的人數。這些都需要處理。
轉載于:https://www.cnblogs.com/jiqing9006/p/6599906.html
總結
以上是生活随笔為你收集整理的apicloud,aliyunlive,测试成功的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 光动能表怎么维护_西铁城手表推荐,西铁城
- 下一篇: isleapyear python_Py