|
1 | 1 | var RTMP = require('./node-rtmpapi'); |
2 | 2 | var SimpleWebsocket = require('simple-websocket'); |
| 3 | +var Buffer = require('buffer').Buffer; |
3 | 4 |
|
4 | | -var url = "ws://127.0.0.1:1999"; |
| 5 | +const H264_SEP = new Buffer([0,0,0,1]); |
| 6 | +const FRAME_Q_SIZE = 15; |
5 | 7 |
|
6 | | -var sock = new SimpleWebsocket(url); |
| 8 | +const url = {host: "ws://127.0.0.1:1999", app:"live", stream: "B012"}; |
7 | 9 |
|
8 | | -sock.on('close', function() |
| 10 | +var frameQ = []; |
| 11 | +var fps = 20; |
| 12 | +var lastRenderTime = 0; |
| 13 | + |
| 14 | +var decoder = new Decoder(); |
| 15 | +var player = new Player({ useWorker: false, webgl: true }); |
| 16 | +player.canvas.style['height'] = '100%'; |
| 17 | +document.getElementById("vidCont").appendChild(player.canvas); |
| 18 | + |
| 19 | +var sock = new SimpleWebsocket(url.host); |
| 20 | +sock.setMaxListeners(100); |
| 21 | + |
| 22 | +decoder.onPictureDecoded = function(buffer, width, height, infos) |
9 | 23 | { |
10 | | - console.log("WTF... Socket Closed "); |
11 | | -}); |
| 24 | + if(frameQ.length === FRAME_Q_SIZE) |
| 25 | + { |
| 26 | + console.log("** drop oldest frame!"); |
| 27 | + frameQ.shift(); //如果播放速度跟不上,扔掉最老那一帧 |
| 28 | + } |
| 29 | + frameQ.push({data: Buffer.from(buffer), width: width, height: height, canvasObj: player.canvasObj}); |
| 30 | +}; |
12 | 31 |
|
13 | | -sock.on('error', function(e) |
| 32 | +function drawFrame() |
14 | 33 | { |
15 | | - console.log("WTF... Socket Error: " + e); |
16 | | -}); |
| 34 | + var now = new Date();//如果播放速度跟不上网络速度,跳帧 |
| 35 | + var skipFrame = Math.floor(Math.abs(now - lastRenderTime) / (1000 / fps) ) - 1; |
| 36 | + if(lastRenderTime && skipFrame > 0) |
| 37 | + { |
| 38 | + console.log("SkipFrmae = " + skipFrame); |
| 39 | + while(skipFrame-- > 0 && frameQ.length > 0) frameQ.shift(); |
| 40 | + } |
| 41 | + |
| 42 | + var frame = frameQ.shift(); |
| 43 | + if(frame) |
| 44 | + { |
| 45 | + player.renderFrameWebGL(frame); |
| 46 | + } |
| 47 | + lastRenderTime = now; |
| 48 | +} |
17 | 49 |
|
18 | 50 | sock.on('connect', function() |
19 | 51 | { |
20 | | - var stream = new RTMP.rtmpSession(sock, true, function(me) |
| 52 | + var transId = 0; |
| 53 | + var session = new RTMP.rtmpSession(sock, true, function(me) |
21 | 54 | { |
22 | | - console.log("rtmpSession...cb..ss."); |
| 55 | + console.log("rtmpSession...cb..."); |
| 56 | + var invokeChannel = new RTMP.rtmpChunk.RtmpChunkMsgClass({streamId:5}, {sock: sock, Q: me.Q, debug: false}); |
| 57 | + invokeChannel.invokedMethods = {}; //用来保存invoke的次数,以便收到消息的时候确认对应结果 |
| 58 | + |
| 59 | + var videoChannel = new RTMP.rtmpChunk.RtmpChunkMsgClass({streamId:8}, {sock: sock, Q: me.Q, debug: false}); |
| 60 | + |
23 | 61 | var msger = me.msg; |
24 | 62 | me.Q.Q(0,function() |
25 | 63 | { |
26 | 64 | console.log("sending connect"); |
27 | | - var chunk = new RTMP.rtmpChunk.RtmpChunkMsgClass({streamId:3}, {sock: sock, Q: me.Q, debug: true}); |
28 | | - chunk.sendAmf0EncCmdMsg({ |
| 65 | + |
| 66 | + //todo: 先确定可行,再重构 |
| 67 | + invokeChannel.sendAmf0EncCmdMsg({ |
29 | 68 | cmd: 'connect', |
30 | | - transId:1, |
| 69 | + transId:++transId, |
31 | 70 | cmdObj: |
32 | 71 | { |
33 | | - app:"live", |
| 72 | + app: url.app, |
34 | 73 | tcUrl: "rtmp://video.7uan7uan.com/live", |
35 | 74 | fpad: false, |
36 | 75 | capabilities: 15.0, |
37 | 76 | audioCodecs: 3191, |
38 | 77 | videoCodecs: 252, |
39 | 78 | videoFunction: 1.0 |
40 | | - } |
41 | | - /*args:''*/}); |
| 79 | + } |
| 80 | + }); |
| 81 | + invokeChannel.invokedMethods[transId] = 'connect'; |
| 82 | + }); |
42 | 83 |
|
43 | | - //read--- |
44 | | - //msger.loop(); |
| 84 | + me.Q.Q(0, function() |
| 85 | + { |
| 86 | + console.log("Begin LOOP"); |
| 87 | + msger.loop(handleMessage); |
45 | 88 | }); |
| 89 | + |
| 90 | + function handleMessage(chunkMsg) |
| 91 | + { |
| 92 | + var chunk = chunkMsg.chunk; |
| 93 | + var msg = chunk.msg; |
| 94 | + |
| 95 | + console.log("GOT MESSAGE: " + chunk.msgTypeText); |
| 96 | + console.log("===========>\n" + JSON.stringify(msg)); |
| 97 | + |
| 98 | + if(chunk.msgTypeText == "amf0cmd") |
| 99 | + { |
| 100 | + if(msg.cmd == "_result") |
| 101 | + { |
| 102 | + var lastInvoke = invokeChannel.invokedMethods[msg.transId]; |
| 103 | + if(lastInvoke) |
| 104 | + { |
| 105 | + console.log("<--Got Invoke Result for: " + lastInvoke); |
| 106 | + delete invokeChannel.invokedMethods[msg.transId]; |
| 107 | + } |
| 108 | + |
| 109 | + if(lastInvoke == "connect") //确认是connect的结果 |
| 110 | + { |
| 111 | + console.log("sending createStream"); |
| 112 | + invokeChannel.sendAmf0EncCmdMsg({ |
| 113 | + cmd: 'createStream', |
| 114 | + transId: ++transId, |
| 115 | + cmdObj: null |
| 116 | + }); |
| 117 | + invokeChannel.invokedMethods[transId] = 'createStream'; |
| 118 | + } |
| 119 | + else if(lastInvoke == "createStream") //确认是createStream的结果 |
| 120 | + { |
| 121 | + videoChannel.chunk.msgStreamId = msg.info; |
| 122 | + //send play ?? |
| 123 | + videoChannel.sendAmf0EncCmdMsg({ |
| 124 | + cmd: 'play', |
| 125 | + transId: ++transId, |
| 126 | + cmdObj:null, |
| 127 | + streamName: url.stream, |
| 128 | + start:-2 |
| 129 | + |
| 130 | + },0); |
| 131 | + invokeChannel.invokedMethods[transId] = "play"; |
| 132 | + } |
| 133 | + } |
| 134 | + else if(msg.cmd == 'onBWDone') |
| 135 | + { |
| 136 | + console.log("onBWDone"); |
| 137 | + //send checkBW |
| 138 | + invokeChannel.sendAmf0EncCmdMsg({ |
| 139 | + cmd: '_checkbw', |
| 140 | + transId: ++transId, |
| 141 | + cmdObj:null |
| 142 | + },0); |
| 143 | + invokeChannel.invokedMethods[transId] = "_checkbw"; |
| 144 | + } |
| 145 | + } |
| 146 | + |
| 147 | + if(chunk.msgTypeText == "video") |
| 148 | + { |
| 149 | + var chunkData = chunk.data; |
| 150 | + if (chunkData.length > 4) |
| 151 | + { |
| 152 | + if (chunkData[1] === 1) |
| 153 | + { |
| 154 | + chunkData = Buffer.concat([H264_SEP, chunkData.slice(9)]); |
| 155 | + } |
| 156 | + else if (chunkData[1] === 0) |
| 157 | + { |
| 158 | + var spsSize = (chunkData[11] << 8) | chunkData[12]; |
| 159 | + var spsEnd = 13 + spsSize; |
| 160 | + chunkData = Buffer.concat([H264_SEP, chunkData.slice(13, spsEnd), H264_SEP, chunkData.slice(spsEnd + 3)]); |
| 161 | + } |
| 162 | + decoder.decode(chunkData); |
| 163 | + //player.decode(chunkData); |
| 164 | + } |
| 165 | + } |
| 166 | + |
| 167 | + if(chunk.msgTypeText == "amf0meta" && msg.cmd == 'onMetaData') |
| 168 | + { |
| 169 | + console.log("onmetadata"); |
| 170 | + fps = chunk.msg['event']['framerate']; |
| 171 | + console.log("fps = "+fps); |
| 172 | + setInterval(drawFrame, 1000.0/fps); |
| 173 | + } |
| 174 | + |
| 175 | + me.Q.Q(0,function() |
| 176 | + { |
| 177 | + msger.loop(handleMessage); |
| 178 | + }); |
| 179 | + } |
46 | 180 | }); |
47 | 181 | }); |
0 commit comments