HTMLMediaElement: readyState ããããã£
Baseline
åºãå©ç¨å¯è½
ãã®æ©è½ã¯åºãå®è£ ããã¦ãããå¤ãã®ãã¼ã¸ã§ã³ã®ç«¯æ«ããã©ã¦ã¶ã¼ã§åä½ãã¾ãã2015å¹´7æä»¥éããã¹ã¦ã®ãã©ã¦ã¶ã¼ã§å©ç¨å¯è½ã§ãã
HTMLMediaElement.readyState ããããã£ã¯ãã¡ãã£ã¢ã®æºåç¶æ
ã示ãã¾ãã
å¤
æ°å¤ã§ãHTMLMediaElement ã¤ã³ã¿ã¼ãã§ã¤ã¹ã§å®ç¾©ãã 5 ã¤ã®å¯è½ãªç¶æ
宿°ã®ãã¡ã® 1 ã¤ã§ãã
HTMLMediaElement.HAVE_NOTHING(0)-
ãã®ã¡ãã£ã¢ãªã½ã¼ã¹ã«é¢ããæ å ±ãããã¾ããã
HTMLMediaElement.HAVE_METADATA(1)-
ã¡ã¿ãã¼ã¿å±æ§ãåæåããã®ã«ååãªã¡ãã£ã¢ãªã½ã¼ã¹ãåå¾ããã¾ããã ã·ã¼ã¯ãã¦ãä¾å¤ãçºçãã¾ããã
HTMLMediaElement.HAVE_CURRENT_DATA(2)-
ç¾å¨ã®åçä½ç½®ã«ãã¼ã¿ãããã¾ãããå®éã«ã¯è¤æ°ã®ãã¬ã¼ã ãåçããã®ã«ååã§ã¯ããã¾ããã
HTMLMediaElement.HAVE_FUTURE_DATA(3)-
ç¾å¨ã®åçä½ç½®ã¨å°æ¥ã¾ã§ã®å°ãªãã¨ãã»ãã®å°ãã®æéã®ãã¼ã¿ãï¼ã¤ã¾ããä¾ãã°ãå°ãªãã¨ã 2 ãã¬ã¼ã ã®åç»ï¼å©ç¨å¯è½ã§ãã
HTMLMediaElement.HAVE_ENOUGH_DATA(4)-
ååãªãã¼ã¿ãå©ç¨å¯è½ã§ããããã¦ã³ãã¼ãã¬ã¼ããååã«é«ããããã¡ãã£ã¢ã䏿ãããã¨ãªãæå¾ã¾ã§åçã§ãã¾ãã
ä¾
ãã®ä¾ã§ã¯ãé³å£°ãã¼ã¿ãèªã¿è¾¼ãããã« example è¦ç´ ã§å¾
ã¡åããã¾ããããã¦ãå°ãªãã¨ãç¾å¨ã®åçä½ç½®ãèªã¿è¾¼ã¾ãã¦ãããã©ããããã§ãã¯ãã¾ããèªã¿è¾¼ã¾ãã¦ããã°ãé³å£°ãåçãã¾ãã
<audio id="example" preload="auto">
<source src="sound.ogg" type="audio/ogg" />
</audio>
const obj = document.getElementById("example");
obj.addEventListener("loadeddata", () => {
if (obj.readyState >= HTMLMediaElement.HAVE_CURRENT_DATA) {
obj.play();
}
});
仿§æ¸
| 仿§æ¸ |
|---|
| HTML > # dom-media-readystate-dev > |
ãã©ã¦ã¶ã¼ã®äºææ§
é¢é£æ å ±
HTMLMediaElement:HTMLMediaElement.readyStateããããã£ãå®ç¾©ãã¦ããã¤ã³ã¿ã¼ãã§ã¤ã¹