MediaStream: active ããããã£
Baseline
åºãå©ç¨å¯è½
ãã®æ©è½ã¯åºãå®è£ ããã¦ãããå¤ãã®ãã¼ã¸ã§ã³ã®ç«¯æ«ããã©ã¦ã¶ã¼ã§åä½ãã¾ãã2017å¹´9æä»¥éããã¹ã¦ã®ãã©ã¦ã¶ã¼ã§å©ç¨å¯è½ã§ãã
active 㯠MediaStream ã¤ã³ã¿ã¼ãã§ã¤ã¹ã®èªã¿åãå°ç¨ããããã£ã§ãè«çå¤ãè¿ãã¾ããã¹ããªã¼ã ãç¾å¨ã¢ã¯ãã£ãã§ããã° true ããã以å¤ã®å ´å㯠false ã¨ãªãã¾ãã MediaStreamTrack ã®ãã¡ MediaStreamTrack.readyState ã ended ã«è¨å®ããã¦ãããã©ãã¯ã 1 æ¬ã§ãããå ´åã¯ãã¹ããªã¼ã ãã¢ã¯ãã£ãã§ããã¨ã¿ãªããã¾ãããã¹ã§ã®ãã©ãã¯ãçµäºããã¨ããã®ã¹ããªã¼ã ã® active ããããã£ã¯ false ã«ãªãã¾ãã
å¤
è«çå¤ã§ããã®ã¹ããªã¼ã ãç¾å¨ã¢ã¯ãã£ããªå ´å㯠true ãè¿ãã¾ãããã以å¤ã¯ false ãè¿ãã¾ãã
ä¾
ãã®ä¾ã§ã¯ã getUserMedia() ãç¨ãã¦ãè¦æ±ãããã¦ã¼ã¶ã¼ã®ãã¼ã«ã«ã®ã«ã¡ã©ã¨ãã¤ã¯ãã½ã¼ã¹ã¨ããæ°ããã¹ããªã¼ã ãåå¾ãã¾ããã¹ããªã¼ã ãæå¹ã«ãªãã¨ï¼ããã§ã¯ãPromise ãå±¥è¡ç¶æ
ã«ãªã£ãæï¼ãã¹ããªã¼ã ãç¾å¨ã¢ã¯ãã£ãã§ãããã©ããã«å¿ãã¦ãã¼ã¸ã«ãããã¿ã³ã®ç¶æ
ãæ´æ°ããã¾ãã
const promise = navigator.mediaDevices.getUserMedia({
audio: true,
video: true,
});
promise.then((stream) => {
const startBtn = document.querySelector("#startBtn");
startBtn.disabled = stream.active;
});
仿§æ¸
| 仿§æ¸ |
|---|
| Media Capture and Streams > # dom-mediastream-active > |