blob: 3683570ebb031c4d02ec539a309f7b8c098f0ac0 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
|
---
title: AudioTrackList.onremovetrack
slug: Web/API/AudioTrackList/onremovetrack
tags:
- API
- Audio
- AudioTrackList
- Event Handler
- HTML DOM
- Media
- Property
- Reference
- Removing Audio Tracks
- Removing Tracks
- onremovetrack
- remove
- removeTrack
- track
translation_of: Web/API/AudioTrackList/onremovetrack
---
<div>{{APIRef("HTML DOM")}}</div>
<p><span class="seoSummary"><strong>{{domxref("AudioTrackList")}}</strong> の <strong><code>onremovetrack</code></strong> イベントハンドラは、{{event("removetrack")}} イベントが発生したときに呼び出され、音声トラックがメディア要素から、したがって <code>AudioTrackList</code> からも取り除かれたことを示します。</span></p>
<p>イベントは {{domxref("TrackEvent")}} オブジェクトの形式でイベントハンドラに渡されます。 その {{domxref("TrackEvent.track", "track")}} プロパティは、メディア要素の <code>AudioTrackList</code> から取り除かれたトラックを識別します。</p>
<div class="note">
<p><strong>注</strong>: {{domxref("EventTarget.addEventListener", "addEventListener()")}} を使用して、<code>removetrack</code> イベント用のハンドラを追加することもできます。</p>
</div>
<h2 id="Syntax" name="Syntax">構文</h2>
<pre class="syntaxbox"><em>AudioTrackList</em>.onremovetrack = <em>eventHandler</em>;</pre>
<h3 id="Value" name="Value">値</h3>
<p><code>onremovetrack</code> は、{{domxref("TrackEvent.track", "track")}} プロパティでどの音声トラックがメディア要素から取り除かれたかを示す {{domxref("TrackEvent")}} オブジェクトを入力として受け取る関数を設定します。</p>
<h2 id="Example" name="Example">例</h2>
<p>この単純な例は、トラックがメディア要素から取り除かれるたびに、メディア要素内の現在の音声トラック数を取得するだけです。</p>
<pre class="brush: js">document.querySelector("my-video").audioTracks.onremovetrack = function(event) {
myTrackCount = document.querySelector("my-video").audioTracks.length;
};
</pre>
<p>メディア要素に残っている現在の音声トラック数は、<code>AudioTrackList</code> の {{domxref("AudioTrackList.length", "length")}} プロパティから取得します。</p>
<h2 id="Specifications" name="Specifications">仕様</h2>
<table class="standard-table">
<thead>
<tr>
<th scope="col">仕様</th>
<th scope="col">状態</th>
<th scope="col">コメント</th>
</tr>
</thead>
<tbody>
<tr>
<td>{{SpecName('HTML WHATWG', '#handler-tracklist-onremovetrack', 'AudioTrackList.onremovetrack')}}</td>
<td>{{Spec2('HTML WHATWG')}}</td>
<td> </td>
</tr>
<tr>
<td>{{SpecName('HTML5 W3C', 'embedded-content-0.html#dom-audiotracklist-onremovetrack', 'AudioTrackList.onremovetrack')}}</td>
<td>{{Spec2('HTML5 W3C')}}</td>
<td> </td>
</tr>
</tbody>
</table>
<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2>
<p>{{Compat("api.AudioTrackList.onremovetrack")}}</p>
|
