Baseline Widely available
WebRTC API ã® RTCTrackEvent
ã¤ã³ã¿ã¼ãã§ã¤ã¹ã¯ã track
ã¤ãã³ãã表ãã¾ããããã¯æ°ãã MediaStreamTrack
ã RTCRtpReceiver
ã« RTCPeerConnection
ã®ä¸é¨ã¨ãã¦è¿½å ãããã¨ãã«éããã¾ãã
対象ã¯ããã©ãã¯ã追å ããã RTCPeerConnection
ãªãã¸ã§ã¯ãã§ãã
ãã®ã¤ãã³ã㯠WebRTC ã¬ã¤ã¤ã¼ããã¦ã§ããµã¤ãã¾ãã¯ã¢ããªã±ã¼ã·ã§ã³ã«éä¿¡ããããããé常ãRTCTrackEvent
ãèªåã§ã¤ã³ã¹ã¿ã³ã¹åããå¿
è¦ã¯ããã¾ããã
RTCTrackEvent()
æ°ãã RTCTrackEvent
ãªãã¸ã§ã¯ãã使ãã¦è¿ãã¾ããæ°ãããã©ãã¯ã¤ãã³ãã¯é常ã WebRTC ã¤ã³ãã©ã¹ãã©ã¯ãã£ã«ãã£ã¦ä½æãããæ¥ç¶ã® ontrack
ã¤ãã³ããã³ãã©ã¼ã«éä¿¡ããããããèªåã§ä½æããå¿
è¦ã¯ã»ã¨ãã©ããã¾ããã
RTCTrackEvent
㯠Event
ããæ´¾çãã¦ããããããã¡ãã®ããããã£ã使ç¨ã§ãã¾ãã
receiver
èªåå°ç¨
RTCPeerConnection
ã«è¿½å ããããã©ãã¯ã§ä½¿ç¨ããã RTCRtpReceiver
ã§ãã
streams
èªåå°ç¨ çç¥å¯
MediaStream
ãªãã¸ã§ã¯ãã®é
åã§ãåãªãã¸ã§ã¯ãã¯ã追å ãã track
ãå±ããã¡ãã£ã¢ã¹ããªã¼ã ã® 1 ã¤ã表ãã¾ãã æ¢å®ã§ã¯ãé
åã¯ç©ºã§ãã¹ããªã¼ã ã®ãªããã©ãã¯ã示ãã¾ãã
track
èªåå°ç¨
ãã®æ¥ç¶ã«è¿½å ããã MediaStreamTrack
ã§ãã
transceiver
èªåå°ç¨
æ°ãããã©ãã¯ã§ä½¿ç¨ããã RTCRtpTransceiver
ã§ãã
ãã©ãã¯ã¤ãã³ã㯠1 種é¡ã®ã¿ã§ãã
track
track
ã¤ãã³ãã¯ãæ°ãããã©ãã¯ãæ¥ç¶ã«è¿½å ãããã¨ãã« RTCPeerConnection
ã«éä¿¡ããã¾ãã track
ã¤ãã³ãã RTCPeerConnection
ã® ontrack
ãã³ãã©ã¼ã«é
ä¿¡ãããæç¹ã§ãæ°ããã¡ãã£ã¢ã¯ç¹å®ã® RTCRtpReceiver
ï¼ã¤ãã³ãã® receiver
ããããã£ã§æå®ï¼ã«å¯¾ãããã´ã·ã¨ã¼ã·ã§ã³ãå®äºãã¦ãã¾ãã
ããã«ãåä¿¡è
ã® track
ã§æå®ããã MediaStreamTrack
ã¯ãã¤ãã³ãã® track
ã§æå®ããããã®ã¨åãã§ããããã®ãã©ãã¯ã¯ãé¢é£ä»ãããããã¹ã¦ã®ãªã¢ã¼ã MediaStream
ãªãã¸ã§ã¯ãã«è¿½å ããã¦ãã¾ãã
æ°ãããã©ãã¯ãå©ç¨å¯è½ã«ãªã£ãã¨ãã«éç¥ãåãã track
ã¤ãã³ããªã¹ãã¼ã追å ãããã¨ãã§ãã¾ããããã«ãããä¾ãã°ã RTCPeerConnection.addEventListener()
ã¾ã㯠ontrack
ã¤ãã³ããã³ãã©ã¼ããããã£ã使ç¨ãã¦ããã®ã¡ãã£ã¢ã <video>
è¦ç´ ã«æ·»ä»ãããã¨ãã§ãã¾ãã
ã¡ã¢: æ°ããçä¿¡ãã©ãã¯ãæ¥ç¶ã«è¿½å ãããã¨ãã« track
ã¤ãã³ããåãåãã addTrack()
ãå¼ã³åºãã¦æ¥ç¶ã®é 端ã«ãã©ãã¯ã追å ããã¨ããªã¢ã¼ããã¢ã¼ã§ track
ã¤ãã³ããèµ·åããããã¨ãè¦ãã¦ããã¨ããã§ãããã
ãã®åç´ãªä¾ã§ã¯ã track
ã¤ãã³ãã®ã¤ãã³ããªã¹ãã¼ã使ããID ã video-box
ã§ãã <video>
è¦ç´ ã® srcObject
ããã¤ãã³ãã® streams
é
åã«æ¸¡ããããªã¹ãå
ã®æåã®ã¹ããªã¼ã ã«è¨å®ãã¾ãã
peerConnection.addEventListener(
"track",
(e) => {
let videoElement = document.getElementById("video-box");
videoElement.srcObject = e.streams[0];
},
false,
);
仿§æ¸ ãã©ã¦ã¶ã¼ã®äºææ§
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4