MPVプレーヤーへのビデオストリームとしてのHTMLビデオタグコンテンツ - node.js

Question

私は少しnode.jsアプリケーションを持っています。その上に、（captureStream()メソッドを介して）キャンバスからコンテンツを取得するビデオタグがあります。

今、私は何とかこのビデオストリームを実際のライブストリームとして再生するために（同じデバイス上の）MPVプレーヤーに送信したいと思います。たとえば、UDPストリームなどです。誰かがそれをどうやって行うのか考えていますか？

<canvas id="mycanvas" width="600" height="600" style="border:2px solid;"></canvas> 
<video id="video" autoplay 
     style="border:1px solid black; height: 600px; width:600px;"></video> 

これは（キャンバスと同様に）ビデオタグの定義です。 node.jsがこのビデオタグのコンテンツをmpvプレーヤーのストリームとしてどのように送ることが可能ですか？

マイビデオ、私が言ったように、その無限のビデオと私はURLのような必要はありませんので、私は基本的には、以下れるストリーム変数を、持っている、キャンバスから基本的には次のとおりです。

PointerEvent {isTrusted: true, pointerId: 1, width: 1, height: 1, pressure: 0.5…} 
altKey 
: 
false 
bubbles 
: 
true 
button 
: 
-1 
buttons 
: 
1 
cancelBubble 
: 
false 
cancelable 
: 
true 
clientX 
: 
345 
clientY 
: 
302 
composed 
: 
true 
ctrlKey 
: 
false 
currentTarget 
: 
null 
defaultPrevented 
: 
false 
detail 
: 
0 
eventPhase 
: 
0 
fromElement 
: 
null 
height 
: 
1 
isPrimary 
: 
true 
isTrusted 
: 
true 
layerX 
: 
337 
layerY 
: 
294 
metaKey 
: 
false 
movementX 
: 
10 
movementY 
: 
14 
offsetX 
: 
335 
offsetY 
: 
292 
pageX 
: 
345 
pageY 
: 
302 
path 
: 
Array(7) 
pointerId 
: 
1 
pointerType 
: 
"mouse" 
pressure 
: 
0.5 
relatedTarget 
: 
null 
returnValue 
: 
true 
screenX 
: 
345 
screenY 
: 
368 
shiftKey 
: 
false 
sourceCapabilities 
: 
null 
srcElement 
: 
canvas#mycanvas 
tangentialPressure 
: 
0 
target 
: 
canvas#mycanvas 
tiltX 
: 
0 
tiltY 
: 
0 
timeStamp 
: 
2981.2900000000004 
toElement 
: 
canvas#mycanvas 
twist 
: 
0 
type 
: 
"pointermove" 
view 
: 
Window(0) 
which 
: 
0 
width 
: 
1 
x 
: 
345 
y 
: 
302 

基本的に、変数は完全なビデオではありませんが、ビデオタグによってビデオが有効になります。しかし、私は何とかこの "ビデオ"をバックエンドに転送するか、何とかmpvプレーヤーで再生するか、このビデオのUDPストリームをどこかに送ってプレイヤーで受け取る必要があります。

Answer 1

私が知っている限り、MPVは実際にストリームを再生するだけで、実際にストリームを再生することができます。

私はあなたがそう

let mpv = require('node-mpv') 
let player = new mpv(); 

player.loadStream('link/to/your/stream'); 

ようNodeJsからMPVを制御し、あなたが行ってもいいですができますNode-MPV呼ばNPMパッケージを書かれています。詳細についてはGitHubのドキュメントをチェックし、必要な場合は探しているものを確認してください。

私はそれはまた、より安定している少しのコードですがそう

let mpv = require('node-mpv') 
let player = new mpv(); 

player.start().then(() => { 
    player.loadStream('link/to/your/stream'); 
} 
.catch((error) => { 
    console.log(error); 
}); 

のような約束を使用して、わずかにinitilazionが変更される瞬間に、モジュールを再加工しています。

ブラウザとNodeJsサーバ間で何らかの通信（リアルタイムで可能）を探している場合は、SocketIOを見てください。本当に使いやすく、非常に強力です。