recursal/MDN huggingface dataset:
URL: canParse() 静的メソッド
======================

**`URL.canParse()`** は `URL` の静的メソッドで、絶対 URL、またはベース URL と結合した相対 URL が解析可能で有効かどうかを示す論理値を返します。

 これは `URL` を try...catch ブロック内で組み立てるための高速で簡単な代替手段です。
 これは `URL()` コンストラクターが成功するのと同じ値に対しては `true` を返し、コンストラクターが例外を発生させる値に対しては `false` を返します。

構文
--


```js
URL.canParse(url)
URL.canParse(url, base)
```

### 引数

`url`

 絶対または相対 URL を表す文字列または文字列化のあるその他のオブジェクト、例えば `<a>` や `<area>` 要素です。
 `url` が相対 URL である場合、`base` は必須であり、ベース URL として使用されます。
 `url` が絶対 URL である場合、指定された `base` は無視されます。


`base` 省略可

`url` が相対 URL の場合に使用するベース URL を表す文字列です。
 指定されなかった場合、既定値は `undefined` です。




**メモ:** 引数 `url` と `base` はそれぞれ、文字列を受け入れる他の Web API と同様に、渡された値から文字列化されます。
 具体的な例としては、既存の `URL` オブジェクトをどちらの引数にも使用することができ、そのオブジェクトの `href` プロパティに文字列化されます。


### 返値

その URL が解釈可能で有効であれば `true`、そうでなければ `false` を返します。

例
-

このライブ例では、静的メソッド `URL.canParse()` を使用して、いくつか異なる絶対 URL 値と相対 URL 値を使用する方法を示します。

例の最初の部分では、ログ出力先の HTML 要素 `<pre>` とログ出力するメソッド `log()` を定義しています。


```html
<pre id="log"></pre>
```



```js
const logElement = document.getElementById("log");
function log(text) {
  logElement.innerText += `${text}\n`;
}
```


 次に、`URL.canParse()` メソッドに対応しているかどうかを、`"canParse" in URL` という条件を用いて調べます。
 メソッドが対応している場合は、絶対 URL、ベース URLのない相対 URL、有効なベース URL のある相対 URL を調べた結果をログ出力します。
 `URL.canParse()` が対応していない場合もログ出力します。


```js
if ("canParse" in URL) {
  log("有効な絶対 URL を検査");
  let url = "https://developer.mozilla.org/";
  let result = URL.canParse(url);
  log(` URL.canParse("${url}"): ${result}`);

  log("\nベース URL のない相対 URL を検査");
  url = "/ja/docs";
  result = URL.canParse(url);
  log(` URL.canParse("${url}"): ${result}`);

  log("\n有効なベース URL のある相対 URL を検査");
  let baseUrl = "https://developer.mozilla.org/";
  result = URL.canParse(url, baseUrl);
  log(` URL.canParse("${url}","${baseUrl}"): ${result}`);
} else {
  log("URL.canParse() に対応していません");
}
```


 最後に、下記のコードは `baseUrl` が文字列である必要はないことを示しています。
 ここでは `URL` オブジェクトを渡しています。


```js
if ("canParse" in URL) {
  log("\nURL オブジェクトとして提供されたベース URL つきの相対 URL を検査");
  let baseUrl = new URL("https://developer.mozilla.org/");
  let url = "/ja/docs";
  result = URL.canParse(url, baseUrl);
  log(` URL.canParse("${url}","${baseUrl}"): ${result}`);
}
```


それぞれのチェック結果を下記に示します。

仕様書
---

| Specification |
| --- |
| URL Standard # dom-url-canparse |

ブラウザーの互換性
---------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

関連情報
----

* `URL()`
* `URL.canParse()` のポリフィルが `core-js` で利用できます
URL: toJSON() メソッド
==================

**`toJSON()`** は `URL` インターフェイスのメソッドで、URL のシリアル化されたバージョンの入った文字列を返しますが、実際には `URL.toString()` と同じ効果があるようです。

**注:** この機能は Web Worker 内で利用可能です

構文
--


```js
toJSON()
```

### 引数

なし。

### 返値

文字列です。

例
-


```js
const url = new URL(
  "https://developer.mozilla.org/ja/docs/Web/API/URL/toString",
);
url.toJSON(); // URL を文字列として返します。
```

仕様書
---

| Specification |
| --- |
| URL Standard # dom-url-tojson |

ブラウザーの互換性
---------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

関連情報
----

* `URL.prototype.toJSON` のポリフィル (`core-js`)
URL: URL() コンストラクター
===================

**`URL()`** コンストラクターは、引数によって定義された URL を表す、新しく生成された `URL` オブジェクトを返します。

与えられたベース URL または結果の URL が有効な URL でない場合、JavaScript の `TypeError` 例外が発生します。

**注:** この機能は Web Worker 内で利用可能です

構文
--


```js
new URL(url)
new URL(url, base)
```

### 引数

`url`

 絶対または相対 URL を表す文字列または文字列化のあるその他のオブジェクト、例えば `<a>` や `<area>` 要素です。
 `url` が相対 URL である場合、`base` は必須であり、ベース URL として使用されます。
 `url` が絶対 URL である場合、指定された `base` は無視されます。


`base` 省略可

`url` が相対 URL の場合に使用するベース URL を表す文字列です。
 指定されなかった場合、既定値は `undefined` です。




**メモ:** 引数 `url` と `base` はそれぞれ、文字列を受け入れる他の Web API と同様に、渡された値から文字列化されます。
 具体的な例としては、既存の `URL` オブジェクトをどちらの引数にも使用することができ、そのオブジェクトの `href` プロパティに文字列化されます。


### 例外

| 例外 | 説明 |
| --- | --- |
| `TypeError` | `url`（絶対 URL の場合）または `base` + `url`（相対 URL の場合）が、有効な URL ではありません。 |

例
-


```js
// ベース URL:
let baseUrl = "https://developer.mozilla.org";

let A = new URL("/", baseUrl);
// => 'https://developer.mozilla.org/'

let B = new URL(baseUrl);
// => 'https://developer.mozilla.org/'

new URL("ja/docs", B);
// => 'https://developer.mozilla.org/ja/docs'

let D = new URL("/ja/docs", B);
// => 'https://developer.mozilla.org/ja/docs'

new URL("/ja/docs", D);
// => 'https://developer.mozilla.org/ja/docs'

new URL("/ja/docs", A);
// => 'https://developer.mozilla.org/ja/docs'

new URL("/ja/docs", "https://developer.mozilla.org/fr-FR/toto");
// => 'https://developer.mozilla.org/ja/docs'

// 無効な URL:

new URL("/ja/docs", "");
// Raises a TypeError exception as '' is not a valid URL

new URL("/ja/docs");
// Raises a TypeError exception as '/ja/docs' is not a valid URL

// 他の例:

new URL("http://www.example.com");
// => 'http://www.example.com/'

new URL("http://www.example.com", B);
// => 'http://www.example.com/'

new URL("", "https://example.com/?query=1");
// => 'https://example.com/?query=1' （Edge 79 以前はクエリー引数を除去する）

new URL("/a", "https://example.com/?query=1");
// => 'https://example.com/a' (see relative URLs)

new URL("//foo.com", "https://example.com");
// => 'https://foo.com/' (see relative URLs)
```

仕様書
---

| Specification |
| --- |
| URL Standard # dom-url-url |

ブラウザーの互換性
---------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

関連項目
----

* `URL` のポリフィル (`core-js`)
* 所属しているインターフェース: `URL`。
URL: href プロパティ
===============

**`href`** は `URL` インターフェイスのプロパティで、URL 全体の入った文字列です。

**注:** この機能は Web Worker 内で利用可能です

値
-

文字列です。

例
-


```js
const url = new URL("https://developer.mozilla.org/ja/docs/Web/API/URL/href");
console.log(url.href); // 'https://developer.mozilla.org/ja/docs/Web/API/URL/href' とログ出力
```

仕様書
---

| Specification |
| --- |
| URL Standard # dom-url-href |

ブラウザーの互換性
---------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

関連情報
----

* 所属先の `URL` インターフェイス
URL: createObjectURL() 静的メソッド
=============================

**`URL.createObjectURL()`** 静的メソッドは、引数で指定されたオブジェクトを表す URL を含む文字列を生成します。

URL の寿命は、それを作成したウィンドウ内の `document` と結び付けられています。 新しいオブジェクト URL は、指定された `File` オブジェクトか `Blob` オブジェクトを表します。

オブジェクト URL を解放するには、 `revokeObjectURL()` を呼び出してください。

**注:** この機能は Web Worker 内で利用可能です

**メモ:** この機能はメモリーリークを生み出す可能性があるため、サービスワーカー内で利用することは*できません*。

構文
--


```js
URL.createObjectURL(object)
```

### 引数

`object`

オブジェクト URL を生成するための `File`, `Blob`, `MediaSource` のいずれかのオブジェクトです。

### 返値

`object` で指定された内容を参照するために使用されるオブジェクト URL の入った文字列です。

例
-

オブジェクト URL で画像を表示を参照してください。

使用上のメモ
------

### メモリー管理

すでにオブジェクト URL が生成されている場合でも、 `createObjectURL()` を呼び出す度に、新しいオブジェクト URL が生成されます。 必要がなくなったら `URL.revokeObjectURL_static` を呼び出して、それぞれを解放してください。

ブラウザーは、文書がアンロードされた際にこれらのオブジェクト URL をメモリから解放します。しかし、性能とメモリ使用を考慮すると、明示的にアンロードできる安全な機会があるならば、そうするべきです。

### メディアストリームのオブジェクト URL の使用

古いバージョンの Media Source 仕様書では、 `<video>` 要素にストリームを添付するには `MediaStream` にオブジェクト URL を生成する必要があるとしてます。 これはもう必要なく、ブラウザーはこのようにする対応を削除してきています。

**警告:** もし `createObjectURL()` でメディア要素にストリームを割り当てるコードが残っているのであれば、単純に `srcObject` を直接 `MediaStream` に設定するよう更新する必要があります。

仕様書
---

| Specification |
| --- |
| File API # dfn-createObjectURL |

ブラウザーの互換性
---------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

関連情報
----

* ウェブアプリケーションからのファイルの使用
* オブジェクト URL で画像を表示
* `URL.revokeObjectURL_static`
* `HTMLMediaElement.srcObject`
* `FileReader.readAsDataURL()`
URL: origin プロパティ
=================

**`origin`** は `URL` インターフェイスの読み取り専用プロパティで、表現された URL のオリジンを Unicode シリアル化したものが入った文字列を返します。

正確な構造は、次のように URL の種類によって異なります。

* `http` または `https` の URL の場合、スキームの後に `'://'`、ドメイン、`':'`、ポート番号が順に続きます（ポート番号は、明示的に指定されており、それが既定のポート、それぞれ`80` と `443` でないときに現れます）。
* `file:` URL の場合、値はブラウザーに依存します。
* `blob:` URL の場合、`blob:` に続く URL のオリジンが使用されます。 例えば、`"blob:https://mozilla.org"` は `"https://mozilla.org"` として返されます。

**注:** この機能は Web Worker 内で利用可能です

値
-

文字列です。

例
-


```js
const url = new URL("blob:https://mozilla.org:443/");
console.log(url.origin); // 'https://mozilla.org' とログ出力

const url = new URL("http://localhost:80/");
console.log(url.origin); // 'http://localhost' とログ出力

const url = new URL("https://mozilla.org:8080/");
console.log(url.origin); // 'https://mozilla.org:8080' とログ出力
```

仕様書
---

| Specification |
| --- |
| URL Standard # dom-url-origin |

ブラウザーの互換性
---------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

関連情報
----

* 所属先の `URL` インターフェイス
URL: username プロパティ
===================

**`username`** は `URL` インターフェイスのプロパティで、ドメイン名の前に指定されたユーザー名をの入った文字列です。

**注:** この機能は Web Worker 内で利用可能です

値
-

文字列です。

例
-


```js
const url = new URL(
  "https://anonymous:flabada@developer.mozilla.org/ja/docs/Web/API/URL/username",
);
console.log(url.username); // "anonymous" とログ出力
```

仕様
--

| Specification |
| --- |
| URL Standard # dom-url-username |

ブラウザーの互換性
---------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

関連情報
----

* 所属先の `URL` インターフェイス
URL: protocol プロパティ
===================

**`protocol`** は `URL` インターフェイスのプロパティで、最後の `':'` を含む URL のプロトコルスキームを表す文字列です。

**注:** この機能は Web Worker 内で利用可能です

値
-

文字列です。

例
-


```js
const url = new URL(
  "https://developer.mozilla.org/ja/docs/Web/API/URL/protocol",
);
console.log(url.protocol); // "https:" とログ出力
```

仕様
--

| Specification |
| --- |
| URL Standard # dom-url-protocol |

ブラウザーの互換性
---------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

関連情報
----

* 所属先の `URL` インターフェイス
StyleSheet.href
===============

**`href`** は `StyleSheet` インターフェイスのプロパティで、スタイルシートの場所を返します。

値
-

文字列で、このスタイルシートの URI を保持します。

例
-

ローカルで下記のコードを実行してください。


```html
<!doctype html>
<html lang="en-US">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width" />
    <title>href example</title>
    <link rel="styleSheet" href="example.css" />
    <script>
 function sref() {
 alert(document.styleSheets[0].href);
 }
 </script>
  </head>
  <body>
    <div class="thunder">Thunder</div>
    <button onclick="sref()">ss</button>
  </body>
</html>
```


"file:////C:/Windows/Desktop/example.css" を返します。

メモ
--

 スタイルシートがリンクされたスタイルシートの場合、この属性の値はその位置となります。
 インラインスタイルシートの場合、この属性の値は `NULL` です。

このプロパティは Firefox、 Opera、 Google Chrome、 Safari では読み取り専用ですが、 Internet Explorer では読み取り / 書き込みともに可能となっています。

仕様書
---

| Specification |
| --- |
| CSS Object Model (CSSOM) # dom-stylesheet-href |

ブラウザーの互換性
---------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.
StyleSheet.ownerNode
====================

**`ownerNode`** は `StyleSheet` インターフェイスのプロパティで、このスタイルシートと文書内の関連付けを行うノードを返します。

これは通常、 HTML の `<link>` または `<style>` 要素ですが、 `<?xml-stylesheet ?>` の場合は処理命令ノードを返すこともあります。

値
-

`Node` オブジェクトです。

例
-


```html
<html lang="en">
  <head>
    <link rel="stylesheet" href="example.css" />
  </head>
  <body>
    <button onclick="alert(document.styleSheets[0].ownerNode)">
      Show example.css's ownerNode
    </button>
  </body>
</html>
// Displays "object HTMLLinkElement"
```

メモ
--

`@import` などを使用して、他のスタイルシートをインクルードするスタイルシートでは、このプロパティの値は `null` になります。

仕様書
---

| Specification |
| --- |
| CSS Object Model (CSSOM) # dom-stylesheet-ownernode |

ブラウザーの互換性
---------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.
StyleSheet.disabled
===================

**`disabled`** は `StyleSheet` インターフェイスのプロパティで、
 このプロパティは、スタイルシートが文書内に適用されないようにするかどうかを決定します。

スタイルシートは、手動でこのプロパティを `true` に設定するか、非アクティブな代替スタイルシートに設定すると、無効になることがあります。なお、 `disabled === false` であることは、スタイルシートが適用されていることを保証するものではありません（例えば、文書内のスタイルシートが削除されている可能性もあります）。

値
-

論理値です。

例
-


```js
// スタイルシートが無効であれば
if (stylesheet.disabled) {
  // スタイルをインラインで適用
}
```

仕様書
---

| Specification |
| --- |
| CSS Object Model (CSSOM) # dom-stylesheet-disabled |

ブラウザーの互換性
---------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.
StyleSheet.type
===============

**`type`** は `StyleSheet` インターフェイスのプロパティで、このスタイルシートのスタイルシート言語を指定します。

値
-

文字列です。

例
-


```js
myStyleSheet.type = "text/css";
```

仕様書
---

| Specification |
| --- |
| CSS Object Model (CSSOM) # dom-stylesheet-type |

ブラウザーの互換性
---------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.
StyleSheet.title
================

**`title`** は `StyleSheet` インターフェイスのプロパティで、現在のスタイルシートのアドバイザリータイトルを返します。

タイトルは、よく `ownerNode` で指定されています。

仕様書
---

| Specification |
| --- |
| CSS Object Model (CSSOM) # dom-stylesheet-title |

ブラウザーの互換性
---------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.
StyleSheet.media
================

**`media`** は `StyleSheet` インターフェイスのプロパティで、スタイル情報の対象となる出力先メディアを指定します。これは読み取り専用の配列風の `MediaList` オブジェクトで、 `deleteMedium()` で削除し、 `appendMedium()` で追加することが可能です。

値
-

読み取り専用、配列風の `MediaList` オブジェクトです。

例
-


```html
<!doctype html>
<html lang="en-US">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width" />
    <title>Test page</title>
    <link rel="stylesheet" href="document.css" media="screen" />
    <style rel="stylesheet" media="screen, print">
 body {
 background-color: snow;
 }
 </style>
  </head>
  <body>
    <script>
 for (let i = 0; i < document.styleSheets.length; i++) {
 console.log(
 `document.styleSheets[${i}].media: ${JSON.stringify(
 document.styleSheets[i].media,
 )}`,
 );
 if (iSheetIndex === 0)
 document.styleSheets[i].media.appendMedium("handheld");
 if (iSheetIndex === 1)
 document.styleSheets[i].media.deleteMedium("print");
 console.log(
 `document.styleSheets[${i}].media: ${JSON.stringify(
 document.styleSheets[i].media,
 )}`,
 );
 }
 // This will log:
 // document.styleSheets[0].media: {"0":"screen"}
 // document.styleSheets[0].media: {"0":"screen","1":"handheld"}
 // document.styleSheets[1].media: {"0":"screen","1":"print"}
 // document.styleSheets[1].media: {"0":"screen"}
 </script>
  </body>
</html>
```

仕様書
---

| Specification |
| --- |
| CSS Object Model (CSSOM) # dom-stylesheet-media |

ブラウザーの互換性
---------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.
StyleSheet.parentStyleSheet
===========================

**`parentStyleSheet`** は `StyleSheet` インターフェイスのプロパティで、指定されたスタイルシートをインクルードしている場合、そのスタイルシートを返します。

値
-

`StyleSheet` オブジェクトです。

例
-


```js
// 最上位のスタイルシートを探す
const sheet = stylesheet.parentStyleSheet ?? stylesheet;
```

メモ
--

対象スタイルシートが最上位のスタイルシートの場合、または対象スタイルシートがインクルードに対応していない場合、返値は `null` となります。

仕様書
---

| Specification |
| --- |
| CSS Object Model (CSSOM) # dom-stylesheet-parentstylesheet |

ブラウザーの互換性
---------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.
SpeechRecognitionAlternative.transcript
=======================================

**Experimental:** **これは実験的な機能です。**  
本番で使用する前にブラウザー互換性一覧表をチェックしてください。

`SpeechRecognitionResult` (en-US) インターフェースの **`transcript`** 読み取り専用プロパティは、認識したワードの記録を含む文字列を返します。

連続認識において、連続した `SpeechRecognitionResult` (en-US) の連結がセッションの適切な記録を生成するように、必要に応じて先頭または末尾の空白が含まれます。

構文
--
```

var myTranscript = speechRecognitionAlternativeInstance.transcript;
```

### 戻り値

`DOMString`。

例
-

このコードは、Speech color changer から抜き出しています。


```js
recognition.onresult = function (event) {
  // The SpeechRecognitionEvent results property returns a SpeechRecognitionResultList object
  // The SpeechRecognitionResultList object contains SpeechRecognitionResult objects.
  // It has a getter so it can be accessed like an array
  // The first [0] returns the SpeechRecognitionResult at position 0.
  // Each SpeechRecognitionResult object contains SpeechRecognitionAlternative objects that contain individual results.
  // These also have getters so they can be accessed like arrays.
  // The second [0] returns the SpeechRecognitionAlternative at position 0.
  // We then return the transcript property of the SpeechRecognitionAlternative object
  var color = event.results[0][0].transcript;
  diagnostic.textContent = "Result received: " + color + ".";
  bg.style.backgroundColor = color;
};
```

仕様
--

| Specification |
| --- |
| Web Speech API # dom-speechrecognitionalternative-transcript |

ブラウザー実装状況
---------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

* [1] Chrome では、SpeechRecognitionare インターフェースにプレフィックスが必要です。そのため、インターフェース名に `webkitSpeechRecognition` のようなプレフィックスが必要です; また、認識を動作させるには、Web サーバ上から提供する必要があります。
* [2]
 about:config
 の `media.webspeech.recognition.enable` フラグで有効にできますが、現在の音声認識はデスクトップ版の Firefox では機能しません - 必要な内部権限が整理されればすぐに適切に公開されます。
### Firefox OS 許可

アプリで音声認識を使用するには、manifest で次の許可が必要です:


```json
"permissions": {
  "audio-capture" : {
    "description" : "Audio capture"
  },
  "speech-recognition" : {
    "description" : "Speech recognition"
  }
}
```


特権アプリも必要なため、次のものも含める必要があります。


```json
  "type": "privileged"
```

関連項目
----

* Web Speech API
TextTrackCue.endTime
====================

**`endTime`** は `TextTrackCue` インターフェイスのプロパティで、キューの終了時刻を返したり設定したりします。

値
-

数値で、終了時刻を秒単位で表します。

例
-

以下の例では、 0.1 秒から始まり 0.9 秒で終わる新しい `VTTCue` （`TextTrackCue` を継承したもの）が作成されます。そして、 `endTime` プロパティがコンソールに表示されます。


```js
let video = document.querySelector("video");
let track = video.addTextTrack("captions", "Captions", "en");
track.mode = "showing";

let cue1 = new VTTCue(0.1, 0.9, "Hildy!");
console.log(cue1.endTime); // 0.9
track.addCue(cue1);
```

仕様書
---

| Specification |
| --- |
| HTML Standard # dom-texttrackcue-endtime |

ブラウザーの互換性
---------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.
TextTrackCue: exit イベント
=======================

**`exit`** イベントは、キューがアクティブでなくなったときに発行されます。

構文
--

このイベント名を `addEventListener()` などのメソッドで使用するか、イベントハンドラープロパティを設定するかしてください。


```js
addEventListener("exit", (event) => {});

onexit = (event) => {};
```

イベント型
-----

一般的な `Event` で、追加のプロパティはありません。

例
-

以下の例では、 `cue1` がアクティブなキューとして表示されなくなったときに、コンソールに表示されます。


```js
cue1.addEventListener("enter", (event) => {
  console.log("Cue 1 has left the building.");
});
```

仕様書
---

| Specification |
| --- |
| HTML Standard # event-media-exit |
| HTML Standard # handler-texttrackcue-onexit |

ブラウザーの互換性
---------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.
TextTrackCue.pauseOnExit
========================

**`pauseOnExit`** は `TextTrackCue` インターフェイスのプロパティで、このキューが適用される範囲の終わりに達したとき、メディアの再生を一時停止すべきかどうかを示すフラグを返したり設定したりします。

値
-

論理値で、 true ならばメディアが一時停止します。

例
-

仕様書
---

| Specification |
| --- |
| HTML Standard # dom-texttrackcue-pauseonexit |

ブラウザーの互換性
---------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.
TextTrackCue.id
===============

**`id`** は `TextTrackCue` インターフェイスのプロパティで、このキューの識別子を返したり設定したりします。

値
-

このキューの ID を持つ文字列です。

例
-

以下の例では、新しい `VTTCue` （`TextTrackCue` を継承したもの）が作成されます。そして、キューを追加する前に、 `id` プロパティを "first" に設定しています。


```js
let video = document.querySelector("video");
let track = video.addTextTrack("captions", "Captions", "en");
track.mode = "showing";

let cue1 = new VTTCue(0, 0.9, "Hildy!");
cue1.id = "first";
track.addCue(cue1);
```

仕様書
---

| Specification |
| --- |
| HTML Standard # dom-texttrackcue-id |

ブラウザーの互換性
---------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.
TextTrackCue.track
==================

**`track`** は `TextTrackCue` インターフェイスの読み取り専用プロパティで、このキューが所属する `TextTrack` オブジェクトを返します。

値
-

`TextTrack` オブジェクトです。

例
-

以下の例では、新しい `VTTCue` （`TextTrackCue` を継承）を作成し、それをトラックに追加しています。 `track` の値はコンソールに表示されます。


```js
let video = document.querySelector("video");
let captiontrack = video.addTextTrack("captions", "Captions", "en");
captiontrack.mode = "showing";

let cue1 = new VTTCue(0, 0.9, "Hildy!");
captiontrack.addCue(cue1);
console.log(cue1.track); // a TextTrack object.
```

仕様書
---

| Specification |
| --- |
| HTML Standard # dom-texttrackcue-track |

ブラウザーの互換性
---------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.
TextTrackCue.startTime
======================

**`startTime`** は `TextTrackCue` インターフェイスのプロパティで、このキューの開始時刻を返したり設定したりします。

値
-

数値で、開始時刻を秒単位で表します。

例
-

以下の例では、 0.1 秒から始まり 0.9 秒で終わる新しい `VTTCue` （`TextTrackCue` を継承したもの）が作成されます。そして、 `startTime` プロパティがコンソールに表示されます。


```js
let video = document.querySelector("video");
let track = video.addTextTrack("captions", "Captions", "en");
track.mode = "showing";

let cue1 = new VTTCue(0.1, 0.9, "Hildy!");
console.log(cue1.startTime); // 0.1
track.addCue(cue1);
```

仕様書
---

| Specification |
| --- |
| HTML Standard # dom-texttrackcue-starttime |

ブラウザーの互換性
---------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.
TextTrackCue: enter イベント
========================

**`enter`** イベントは、キューがアクティブになったときに発行されます。字幕やキャプションの場合、メディア上に表示されるタイミングです。

構文
--

このイベント名を `addEventListener()` などのメソッドで使用するか、イベントハンドラープロパティを設定するかしてください。


```js
addEventListener("enter", (event) => {});

onenter = (event) => {};
```

イベント型
-----

一般的な `Event` で、追加のプロパティはありません。

例
-

以下の例では、`cue1` がアクティブキューになったときにコンソールに表示します。


```js
cue1.addEventListener("enter", (event) => {
  console.log("Cue 1 has displayed");
});
```

仕様書
---

| Specification |
| --- |
| HTML Standard # event-media-enter |
| HTML Standard # handler-texttrackcue-onenter |

ブラウザーの互換性
---------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.
AudioWorkletProcessor: port プロパティ
=================================

`AudioWorkletProcessor` インターフェイスの読み取り専用プロパティ **`port`** は、関連付けられた `MessagePort` を返します。これは、処理器と対応する `AudioWorkletNode` の間の通信に使用できます。

**メモ:** チャネルのもう一方の端は、ノードの `port` プロパティから参照できます。

値
-

`AudioWorkletProcessor` と対応する `AudioWorkletNode` を接続する `MessagePort` オブジェクトです。

例
-

`AudioWorkletNode.port` にサンプルコードがあります。

仕様書
---

| Specification |
| --- |
| Web Audio API # dom-audioworkletprocessor-port |

ブラウザーの互換性
---------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

関連情報
----

* ウェブオーディオ API
* Web Audio API の使用