HTML5: audio要素オブジェクト  編集:2021.05.28 by T.A.
内容表示と操作
内容
内容


Test1= /[Edge]

error[object]=null

src[string]=file:///C:/Users/tetuy/Documents/%E3%83%91%E3%82%BD%E3%82%B3%E3%83%B3%E9%96%A2%E4・・・

currentSrc[string]=file:///C:/Users/tetuy/Documents/%E3%83%91%E3%82%BD%E3%82%B3%E3%83%B3%E9%96%A2%E4・・・

crossOrigin[object]=null

networkState[number]=1

preload[string]=metadata

buffered[object]=[object TimeRanges]

readyState[number]=4

seeking[boolean]=false

currentTime[number]=0

duration[number]=0.404063

paused[boolean]=true

defaultPlaybackRate[number]=1

playbackRate[number]=1

played[object]=[object TimeRanges]

seekable[object]=[object TimeRanges]

ended[boolean]=false

autoplay[boolean]=false

loop[boolean]=false

controls[boolean]=true

controlsList[object]=

volume[number]=1

muted[boolean]=false

defaultMuted[boolean]=false

textTracks[object]=[object TextTrackList]

webkitAudioDecodedByteCount[number]=0

webkitVideoDecodedByteCount[number]=0

onencrypted[object]=null

onwaitingforkey[object]=null

srcObject[object]=null

NETWORK_EMPTY[number]=0

NETWORK_IDLE[number]=1

NETWORK_LOADING[number]=2

NETWORK_NO_SOURCE[number]=3

HAVE_NOTHING[number]=0

HAVE_METADATA[number]=1

HAVE_CURRENT_DATA[number]=2

HAVE_FUTURE_DATA[number]=3

HAVE_ENOUGH_DATA[number]=4

addTextTrack[function]=function addTextTrack() { [native code] }

canPlayType[function]=function canPlayType() { [native code] }

captureStream[function]=function captureStream() { [native code] }

load[function]=function load() { [native code] }

pause[function]=function pause() { [native code] }

play[function]=function play() { [native code] }

sinkId[string]=

remote[object]=[object RemotePlayback]

disableRemotePlayback[boolean]=false

preservesPitch[boolean]=true

setSinkId[function]=function setSinkId() { [native code] }

mediaKeys[object]=null

setMediaKeys[function]=function setMediaKeys() { [native code] }

title[string]=

lang[string]=

translate[boolean]=true

dir[string]=

hidden[boolean]=false

accessKey[string]=

draggable[boolean]=false

spellcheck[boolean]=true

autocapitalize[string]=

contentEditable[string]=inherit

isContentEditable[boolean]=false

inputMode[string]=

offsetParent[object]=[object HTMLBodyElement]

offsetTop[number]=583

offsetLeft[number]=32

offsetWidth[number]=300

offsetHeight[number]=54

style[object]=[object CSSStyleDeclaration]

innerText[string]=

outerText[string]=

onbeforexrselect[object]=null

onabort[object]=null

onblur[object]=null

oncancel[object]=null

oncanplay[object]=null

oncanplaythrough[object]=null

onchange[object]=null

onclick[object]=null

onclose[object]=null

oncontextmenu[object]=null

oncuechange[object]=null

ondblclick[object]=null

ondrag[object]=null

ondragend[object]=null

ondragenter[object]=null

ondragleave[object]=null

ondragover[object]=null

ondragstart[object]=null

ondrop[object]=null

ondurationchange[object]=null

onemptied[object]=null

onended[object]=null

onerror[object]=null

onfocus[object]=null

onformdata[object]=null

oninput[object]=null

oninvalid[object]=null

onkeydown[object]=null

onkeypress[object]=null

onkeyup[object]=null

onload[object]=null

onloadeddata[object]=null

onloadedmetadata[object]=null

onloadstart[object]=null

onmousedown[object]=null

onmouseenter[object]=null

onmouseleave[object]=null

onmousemove[object]=null

onmouseout[object]=null

onmouseover[object]=null

onmouseup[object]=null

onmousewheel[object]=null

onpause[object]=null

onplay[object]=null

onplaying[object]=null

onprogress[object]=null

onratechange[object]=null

onreset[object]=null

onresize[object]=null

onscroll[object]=null

onseeked[object]=null

onseeking[object]=null

onselect[object]=null

onstalled[object]=null

onsubmit[object]=null

onsuspend[object]=null

ontimeupdate[object]=null

ontoggle[object]=null

onvolumechange[object]=null

onwaiting[object]=null

onwebkitanimationend[object]=null

onwebkitanimationiteration[object]=null

onwebkitanimationstart[object]=null

onwebkittransitionend[object]=null

onwheel[object]=null

onauxclick[object]=null

ongotpointercapture[object]=null

onlostpointercapture[object]=null

onpointerdown[object]=null

onpointermove[object]=null

onpointerup[object]=null

onpointercancel[object]=null

onpointerover[object]=null

onpointerout[object]=null

onpointerenter[object]=null

onpointerleave[object]=null

onselectstart[object]=null

onselectionchange[object]=null

onanimationend[object]=null

onanimationiteration[object]=null

onanimationstart[object]=null

ontransitionrun[object]=null

ontransitionstart[object]=null

ontransitionend[object]=null

ontransitioncancel[object]=null

oncopy[object]=null

oncut[object]=null

onpaste[object]=null

dataset[object]=[object DOMStringMap]

nonce[string]=

autofocus[boolean]=false

tabIndex[number]=-1

attachInternals[function]=function attachInternals() { [native code] }

blur[function]=function blur() { [native code] }

click[function]=function click() { [native code] }

focus[function]=function focus() { [native code] }

onpointerrawupdate[object]=null

enterKeyHint[string]=

namespaceURI[string]=http://www.w3.org/1999/xhtml

prefix[object]=null

localName[string]=audio

tagName[string]=AUDIO

id[string]=Test1

className[string]=

classList[object]=

slot[string]=

attributes[object]=[object NamedNodeMap]

shadowRoot[object]=null

part[object]=

assignedSlot[object]=null

innerHTML[string]=

outerHTML[string]=<audio id="Test1" src="../Sample/Oto.wav" controls=""></audio>

scrollTop[number]=0

scrollLeft[number]=0

scrollWidth[number]=300

scrollHeight[number]=54

clientTop[number]=0

clientLeft[number]=0

clientWidth[number]=300

clientHeight[number]=54

attributeStyleMap[object]=[object StylePropertyMap]

onbeforecopy[object]=null

onbeforecut[object]=null

onbeforepaste[object]=null

onsearch[object]=null

elementTiming[string]=

onfullscreenchange[object]=null

onfullscreenerror[object]=null

onwebkitfullscreenchange[object]=null

onwebkitfullscreenerror[object]=null

children[object]=[object HTMLCollection]

firstElementChild[object]=null

lastElementChild[object]=null

childElementCount[number]=0

previousElementSibling[object]=null

nextElementSibling[object]=null

after[function]=function after() { [native code] }

animate[function]=function animate() { [native code] }

append[function]=function append() { [native code] }

attachShadow[function]=function attachShadow() { [native code] }

before[function]=function before() { [native code] }

closest[function]=function closest() { [native code] }

computedStyleMap[function]=function computedStyleMap() { [native code] }

getAttribute[function]=function getAttribute() { [native code] }

getAttributeNS[function]=function getAttributeNS() { [native code] }

getAttributeNames[function]=function getAttributeNames() { [native code] }

getAttributeNode[function]=function getAttributeNode() { [native code] }

getAttributeNodeNS[function]=function getAttributeNodeNS() { [native code] }

getBoundingClientRect[function]=function getBoundingClientRect() { [native code] }

getClientRects[function]=function getClientRects() { [native code] }

getElementsByClassName[function]=function getElementsByClassName() { [native code] }

getElementsByTagName[function]=function getElementsByTagName() { [native code] }

getElementsByTagNameNS[function]=function getElementsByTagNameNS() { [native code] }

hasAttribute[function]=function hasAttribute() { [native code] }

hasAttributeNS[function]=function hasAttributeNS() { [native code] }

hasAttributes[function]=function hasAttributes() { [native code] }

hasPointerCapture[function]=function hasPointerCapture() { [native code] }

insertAdjacentElement[function]=function insertAdjacentElement() { [native code] }

insertAdjacentHTML[function]=function insertAdjacentHTML() { [native code] }

insertAdjacentText[function]=function insertAdjacentText() { [native code] }

matches[function]=function matches() { [native code] }

prepend[function]=function prepend() { [native code] }

querySelector[function]=function querySelector() { [native code] }

querySelectorAll[function]=function querySelectorAll() { [native code] }

releasePointerCapture[function]=function releasePointerCapture() { [native code] }

remove[function]=function remove() { [native code] }

removeAttribute[function]=function removeAttribute() { [native code] }

removeAttributeNS[function]=function removeAttributeNS() { [native code] }

removeAttributeNode[function]=function removeAttributeNode() { [native code] }

replaceChildren[function]=function replaceChildren() { [native code] }

replaceWith[function]=function replaceWith() { [native code] }

requestFullscreen[function]=function requestFullscreen() { [native code] }

requestPointerLock[function]=function requestPointerLock() { [native code] }

scroll[function]=function scroll() { [native code] }

scrollBy[function]=function scrollBy() { [native code] }

scrollIntoView[function]=function scrollIntoView() { [native code] }

scrollIntoViewIfNeeded[function]=function scrollIntoViewIfNeeded() { [native code] }

scrollTo[function]=function scrollTo() { [native code] }

setAttribute[function]=function setAttribute() { [native code] }

setAttributeNS[function]=function setAttributeNS() { [native code] }

setAttributeNode[function]=function setAttributeNode() { [native code] }

setAttributeNodeNS[function]=function setAttributeNodeNS() { [native code] }

setPointerCapture[function]=function setPointerCapture() { [native code] }

toggleAttribute[function]=function toggleAttribute() { [native code] }

webkitMatchesSelector[function]=function webkitMatchesSelector() { [native code] }

webkitRequestFullScreen[function]=function webkitRequestFullScreen() { [native code] }

webkitRequestFullscreen[function]=function webkitRequestFullscreen() { [native code] }

ariaAtomic[object]=null

ariaAutoComplete[object]=null

ariaBusy[object]=null

ariaChecked[object]=null

ariaColCount[object]=null

ariaColIndex[object]=null

ariaColSpan[object]=null

ariaCurrent[object]=null

ariaDescription[object]=null

ariaDisabled[object]=null

ariaExpanded[object]=null

ariaHasPopup[object]=null

ariaHidden[object]=null

ariaKeyShortcuts[object]=null

ariaLabel[object]=null

ariaLevel[object]=null

ariaLive[object]=null

ariaModal[object]=null

ariaMultiLine[object]=null

ariaMultiSelectable[object]=null

ariaOrientation[object]=null

ariaPlaceholder[object]=null

ariaPosInSet[object]=null

ariaPressed[object]=null

ariaReadOnly[object]=null

ariaRelevant[object]=null

ariaRequired[object]=null

ariaRoleDescription[object]=null

ariaRowCount[object]=null

ariaRowIndex[object]=null

ariaRowSpan[object]=null

ariaSelected[object]=null

ariaSetSize[object]=null

ariaSort[object]=null

ariaValueMax[object]=null

ariaValueMin[object]=null

ariaValueNow[object]=null

ariaValueText[object]=null

getAnimations[function]=function getAnimations() { [native code] }

nodeType[number]=1

nodeName[string]=AUDIO

baseURI[string]=file:///C:/Users/tetuy/Documents/%E3%83%91%E3%82%BD%E3%82%B3%E3%83%B3%E9%96%A2%E4・・・

isConnected[boolean]=true

ownerDocument[object]=[object HTMLDocument]

parentNode[object]=[object HTMLDivElement]

parentElement[object]=[object HTMLDivElement]

childNodes[object]=[object NodeList]

firstChild[object]=null

lastChild[object]=null

previousSibling[object]=[object Text]

nextSibling[object]=[object Text]

nodeValue[object]=null

textContent[string]=

ELEMENT_NODE[number]=1

ATTRIBUTE_NODE[number]=2

TEXT_NODE[number]=3

CDATA_SECTION_NODE[number]=4

ENTITY_REFERENCE_NODE[number]=5

ENTITY_NODE[number]=6

PROCESSING_INSTRUCTION_NODE[number]=7

COMMENT_NODE[number]=8

DOCUMENT_NODE[number]=9

DOCUMENT_TYPE_NODE[number]=10

DOCUMENT_FRAGMENT_NODE[number]=11

NOTATION_NODE[number]=12

DOCUMENT_POSITION_DISCONNECTED[number]=1

DOCUMENT_POSITION_PRECEDING[number]=2

DOCUMENT_POSITION_FOLLOWING[number]=4

DOCUMENT_POSITION_CONTAINS[number]=8

DOCUMENT_POSITION_CONTAINED_BY[number]=16

DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC[number]=32

appendChild[function]=function appendChild() { [native code] }

cloneNode[function]=function cloneNode() { [native code] }

compareDocumentPosition[function]=function compareDocumentPosition() { [native code] }

contains[function]=function contains() { [native code] }

getRootNode[function]=function getRootNode() { [native code] }

hasChildNodes[function]=function hasChildNodes() { [native code] }

insertBefore[function]=function insertBefore() { [native code] }

isDefaultNamespace[function]=function isDefaultNamespace() { [native code] }

isEqualNode[function]=function isEqualNode() { [native code] }

isSameNode[function]=function isSameNode() { [native code] }

lookupNamespaceURI[function]=function lookupNamespaceURI() { [native code] }

lookupPrefix[function]=function lookupPrefix() { [native code] }

normalize[function]=function normalize() { [native code] }

removeChild[function]=function removeChild() { [native code] }

replaceChild[function]=function replaceChild() { [native code] }

addEventListener[function]=function addEventListener() { [native code] }

dispatchEvent[function]=function dispatchEvent() { [native code] }

removeEventListener[function]=function removeEventListener() { [native code] }

audio = new Audio( [ url ] )
新たな audio 要素を返す。url 引数は、与えられていれば,src 属性に設定される。
media . error
要素の現在のエラー状態を表現している MediaError オブジェクトを返す。

エラーが生じてなければ null を返す。

media . error . code
現在のエラーのエラー・コードを、に挙げるいずれかの値として返す。
media . error . message
遭遇したエラー条件に特有な診断用の参考メッセージを返す。メッセージとメッセージ形式は、一般には、ユーザー・エージェントごとに一様でない。そのようなメッセージは可用でない場合、空文字列が返される。
media . srcObject [ = source ]
メディア要素にメディア提供元オブジェクトをあてがえるようにする。
media . currentSrc
[[ 現在のメディア・リソースはある ]∧[ その URL はある ]ならば それ / 他の場合は 空文字列 ]を返す。
media . canPlayType(type)
ユーザー・エージェントが所与の型のメディア・リソースを再生できる確度に基づいて、[ 空文字列(否定的応答)、"maybe"、"probably" ]のいずれかを返す。
media . networkState
要素用のネットワーク活動についての現在の状態を、に挙げるいずれかのコードとして返す。
media . load()
このメディア要素を設定し直して、白紙状態から、新たなメディア・リソースを選択して読み込みを開始させる。
media . buffered
ユーザー・エージェントがバッファしたメディア・リソースの一連の範囲を表現する TimeRanges オブジェクトを返す。
media . duration
メディア・リソースの長さを秒数で返す。メディア・リソースの始端が時刻 0 と見做される。

時間長は可用でなければ NaN を返す。

無限界ストリーム用には Infinity を返す。

media . currentTime [ = value ]
公式的な再生位置を秒数で返す。

設定して,所与の時刻にシークできる。

media . readyState
これ°の現在の再生位置の具現化に関する、在の状態を表出する値を、に挙げるコードとして返す。
media . paused
再生は静止されて[ いれば true / いなければ false ]を返す。
media . ended
再生はメディア・リソースの終端に[ 達したならば true / 他の場合は false ]を返す。
media . defaultPlaybackRate [ = value ]
利用者がメディア・リソースを早送り/逆行していないときの、再生の既定のレートを返す。

設定して、再生の既定のレートを変更できる。

この既定のレートは、再生には直接的な効果はないが、利用者が早送りモードに切り替えた後に通常の再生モードに戻ったときは、再生レートも既定のレートに戻ることになることが期待される。

media . playbackRate [ = value ]
現在の再生レートを返す。通常の速度は 1.0 。

設定して、再生のレートを変更できる。

media . preservesPitch
playbackRate(再生レート)が 1.0 でない間も、音高を保全するよう調整されるならば true を返す。既定では true を返す。

false に設定して、メディア・リソースの音声の音高が playbackRate に応じて変化するようにさせられる。これは、審美的または処理能の理由で有用になる。

media . played
ユーザー・エージェントが再生したメディア・リソースの範囲たちを表現する、TimeRanges オブジェクトを返す。
media . play()
paused 属性を false に設定する。加えて、必要とされれば、メディア・リソースを読み込んで再生を始める。再生が終止していた場合、始端から開始し直すことになる。
media . pause()
paused 属性を true に設定する。加えて、必要とされれば、メディア・リソースを読み込む。
media . seeking
ユーザー・エージェントは現在シークしているならば true を返す。
media . seekable
メディア・リソースの一連の範囲のうち、ユーザー・エージェントがシーク可能なものからなるリストを表現する、TimeRanges オブジェクトを返す。
media . fastSeek(time)
精度と引き換えに速度を得るよう、可能な限り高速に、所与の time の近くへ seek する。(精確な時刻へシークするためには currentTime 属性を利用すること。)

メディア・リソースがまだ読み込まれてない場合、何もしない。

media . audioTracks
メディア・リソースに可用な一連の音声トラックを表現している AudioTrackList オブジェクトを返す。
media . videoTracks
メディア・リソースに可用な一連の動画トラックを表現している VideoTrackList オブジェクトを返す。
media . volume [ = value ]
現在の再生音量を、範囲[ 0.0 (無音)以上、1.0 (最大音)以下 ]の数として返す。

設定して、音量を変更できる。

[ 0.0 ≦ 所与の値 ≦ 1.0 ]でない場合、IndexSizeError 例外が投出される。

media . muted [ = value ]
音声は消音され、volume 属性を上書きしているならば true / 他の場合は( volume 属性は尊守されている)false を返す。

設定して、音声は消音されるかどうか変更できる。

media . length
範囲リストのサイズを返す。
time = media . start(index)
範囲リスト内の index 番の範囲の始端の時刻を返す。

index ≧ 範囲リストのサイズ ]の場合、IndexSizeError 例外が投出される。

time = media . end(index)
範囲リスト内の index 番の範囲の終端の時刻を返す。

index ≧ 範囲リストのサイズ ]の場合、IndexSizeError 例外が投出される。

textTrack = media . addTextTrack( kind [, label [, language ] ] )
新たな TextTrack オブジェクトを作成して、メディア要素のテキスト・トラック・リストに追加した上で返す。
textTracks = media . textTracks
メディア要素に結び付けられているテキスト・トラックたち ― すなわち、要素のテキスト・トラック・リスト ― を表現している TextTrackList オブジェクトを返す。【この項は、この訳による補完。】
code値:
定義 code 意味
MEDIA_ERR_ABORTED 1[number] メディアリソースの fetch 処理は、利用者の要請に応じてユーザー・エージェントにより中止された。
MEDIA_ERR_NETWORK 2[number] リソースは利用可能であると確立された後、何らかのネットワーク・エラーにより、ユーザー・エージェントによるメディア・リソースの fetch 処理は停止された。
MEDIA_ERR_DECODE 3[number] リソースは利用可能であると確立された後、メディア・リソースを復号する際に、何らかのエラーが生じた。
MEDIA_ERR_SRC_NOT_SUPPORTED 4[number] [ src 属性 / あてがわれているメディア提供元オブジェクト ]により指示されたメディアリソースは、相応しくなかった。
networkState値:
定義 意味
NETWORK_EMPTY 0[number] これ°はまだ初期化されていない。すべての属性は、それぞれの初期状態にある。
NETWORK_IDLE 1[number] これ°のリソース選定アルゴリズムは作動中にあり、メディア・リソースを選択したが、現時点では、実際にはネットワークを利用していない。
NETWORK_LOADING 2[number] ユーザー・エージェントは能動的にデータをダウンロードしようと試行している。
NETWORK_NO_SOURCE 3[number] これ°のリソース選定アルゴリズムは作動中にあるが、利用するメディア・リソースはまだ見出されてない。
readyState値:
定義 意味
HAVE_NOTHING 0[number] 次を指示する:
  • メディア・リソースに関する可用な情報はない。
  • これ°の現在の再生位置用のデータは可用でない。

[ これ°の networkState 属性 = NETWORK_EMPTY ]ならば、常に HAVE_NOTHING 状態にある。

HAVE_METADATA 1[number] 次を指示する:
  • これ°のリソースの時間長が可用になるに十分なリソースは得られ、これ°が video 要素である場合は、動画の寸法も可用である。
  • これ°の現在の再生位置用の直のメディア・データは可用でない。
HAVE_CURRENT_DATA 2[number] 次を指示する:
  • これ°の現在の再生位置用の直のデータは可用である。
  • ユーザー・エージェントは、これ°の現在の再生位置を再生方向へ進めるために十分なデータを有していない ― 再生方向に得れるデータはもうないか、進めるためには即時に HAVE_METADATA 状態へ復帰する必要がある。

例えば動画においては、これは次のいずれかに対応する:

  • これ°の現在の再生位置が現在のフレームの終端にある下で、ユーザー・エージェントには現在のフレームからのデータはあるが、次フレームのそれはない。
  • 再生は終止しているとき
HAVE_FUTURE_DATA 3[number] 次を指示する:
  • これ°の現在の再生位置用の直のデータは可用である。
  • ユーザー・エージェントは、これ°の現在の再生位置を少なくとも少しは再生方向へ進めるに十分なデータを有していて、進めるために即時に HAVE_METADATA 状態へ復帰する必要はない。
  • テキスト・トラックは 準備済み にある。

例えば動画においては、これは次のいずれかに対応する

  • ユーザー・エージェントは、少なくとも、[ 現在の再生位置の時刻を挟む、現在のフレームと次フレーム ]用のデータを有する。
  • ユーザー・エージェントは、現在のフレーム用の[ 動画データ、音声データ ]を有する ― これ°の現在の再生位置が あるフレームの途中にあるとき、少なくとも 少しは再生し続けれるだけの。

再生は終止している場合、これ°の現在の再生位置は決して進めれないので、この状態になり得ない。

HAVE_ENOUGH_DATA 4[number] HAVE_FUTURE_DATA 状態に述べたすべての条件は満たされることに 加えて、次のいずれかの条件も満たされることを指示する:
  • ユーザー・エージェントは、[ 次が満たされるようなレートで、データは fetch されている ]ものと見積もっている:
    これ°の現在の再生位置からこれ°の playbackRate で進めた場合に、再生がメディアリソースの終端に達する前に、可用なデータが尽きることはない
  • ユーザー・エージェントは、これ以上待機して再生を遅延しても、データは得られず何の利得もない(例えば、バッファは満杯であるかもしれない)状態になった。
注記: 実施においては、HAVE_METADATAHAVE_CURRENT_DATA との相違は些細である。実際にこの相違が関連するのは、video 要素を canvas 上に塗るときに限られる ― そこでは、何かが描かれるとき( HAVE_CURRENT_DATA 以上)と何も描かれないとき( HAVE_METADATA 以下)とが判別される。同様に、HAVE_CURRENT_DATA(現在のフレームしかない)と HAVE_FUTURE_DATA(少なくともこのフレームと次がある)との相違も、些細にもなり得る(極端な場合、フレーム は 1 個しかないとき)。その区別が実際に関わるのは、ページが“フレーム刻みの”ナビ用 ユーザー・インタフェースを供するときに限られる。