initial commit

4 files changed, 287 insertions, 0 deletions

diff --git a/files/ja/web/api/timeranges/end/index.html b/files/ja/web/api/timeranges/end/index.html
new file mode 100644
index 0000000000..2c81c48a85
--- /dev/null
+++ b/files/ja/web/api/timeranges/end/index.html
@@ -0,0 +1,79 @@
+---
+title: TimeRanges.end()
+slug: Web/API/TimeRanges/end
+tags:
+  - API
+  - HTML DOM
+  - Media
+  - Method
+  - Reference
+  - TimeRanges
+translation_of: Web/API/TimeRanges/end
+---
+<div>{{APIRef("DOM")}}</div>
+
+<p><span class="seoSummary">指定された時間範囲が終わる時間オフセットを返します。</span></p>
+
+<h2 id="Syntax" name="Syntax">構文</h2>
+
+<pre class="syntaxbox"><em>endTime</em> = TimeRanges.end(index)
+</pre>
+
+<h3 id="Parameters" name="Parameters">パラメーター</h3>
+
+<ul>
+ <li><code>index</code> は、終了時間を返す範囲の番号です。</li>
+</ul>
+
+<h3 id="Exceptions" name="Exceptions">例外</h3>
+
+<dl>
+ <dt>INDEX_SIZE_ERR</dt>
+ <dd>指定されたインデックスが既存の範囲に対応しない場合にスローされる <code>DOMException</code>。</dd>
+</dl>
+
+<h2 id="Example" name="Example">例</h2>
+
+<p>ID が "myVideo" の動画要素がある場合、</p>
+
+<pre class="brush: js">var v = document.getElementById("myVideo");
+
+var buf = v.buffered;
+
+var numRanges = buf.length;
+
+if (buf.length == 1) {
+  // 1つの範囲のみ
+  if (buf.start(0) == 0 &amp;&amp; buf.end(0) == v.duration) {
+    // 1つの範囲が動画の最初から始まり、
+    // 動画の最後で終わるため、すべてが読み込まれています
+  }
+}
+</pre>
+
+<p>この例では、時間範囲を見て、動画全体が読み込まれたかどうかを確認します。</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", "#dom-timeranges-end", "TimeRanges.end()")}}</td>
+   <td>{{Spec2("HTML WHATWG")}}</td>
+   <td>初期定義</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2>
+
+
+
+<p>{{Compat("api.TimeRanges.end")}}</p>
diff --git a/files/ja/web/api/timeranges/index.html b/files/ja/web/api/timeranges/index.html
new file mode 100644
index 0000000000..009ceeaa33
--- /dev/null
+++ b/files/ja/web/api/timeranges/index.html
@@ -0,0 +1,61 @@
+---
+title: TimeRanges
+slug: Web/API/TimeRanges
+tags:
+  - API
+  - HTML DOM
+  - Interface
+  - Media
+  - NeedsExample
+  - Reference
+  - TopicStub
+translation_of: Web/API/TimeRanges
+---
+<div>{{APIRef("DOM")}}</div>
+
+<p><span class="seoSummary"><strong><code>TimeRanges</code></strong> インターフェイスは、主に {{HTMLElement("audio")}} 要素と {{HTMLElement("video")}} 要素で使用するためにメディアをロードするときにメディアのどの部分がバッファリングされたかを追跡する目的で、一連の時間範囲を表すために使用します。</span></p>
+
+<p><code>TimeRanges</code> オブジェクトには、1つ以上の時間範囲が含まれ、それぞれが開始時間と終了時間のオフセットで指定されます。 各時間範囲を参照するには、<code>start()</code> メソッドおよび <code>end()</code> メソッドを使用して、取得する時間範囲のインデックス番号を渡します。</p>
+
+<p>「<a href="https://www.w3.org/TR/html52/semantics-embedded-content.html#normalized-timeranges-object">正規化された TimeRanges オブジェクト</a>（英語）」という用語は、そのようなオブジェクトの範囲が順序付けられ、重なり合わず、空ではなく、触れていないことを示します（隣接する範囲は1つの大きな範囲に折り畳まれます）。</p>
+
+<h2 id="Properties" name="Properties">プロパティ</h2>
+
+<dl>
+ <dt>{{domxref("TimeRanges.length")}} {{ReadOnlyInline}}</dt>
+ <dd> 時間範囲オブジェクトによって表される時間範囲の数を <code>unsigned long</code> 型で返します。</dd>
+</dl>
+
+<h2 id="Methods" name="Methods">メソッド</h2>
+
+<dl>
+ <dt>{{domxref("TimeRanges.start()")}}</dt>
+ <dd>指定されたインデックスを持つ範囲の開始時間を返します。</dd>
+ <dt>{{domxref("TimeRanges.end()")}}</dt>
+ <dd>指定された範囲の終了時間を返します。</dd>
+</dl>
+
+<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", "#time-ranges", "TimeRanges")}}</td>
+   <td>{{Spec2("HTML WHATWG")}}</td>
+   <td>初期定義</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2>
+
+
+
+<p>{{Compat("api.TimeRanges")}}</p>
diff --git a/files/ja/web/api/timeranges/length/index.html b/files/ja/web/api/timeranges/length/index.html
new file mode 100644
index 0000000000..494e653fa9
--- /dev/null
+++ b/files/ja/web/api/timeranges/length/index.html
@@ -0,0 +1,68 @@
+---
+title: TimeRanges.length
+slug: Web/API/TimeRanges/length
+tags:
+  - API
+  - HTML DOM
+  - Media
+  - Property
+  - Read-only
+  - Reference
+  - TimeRanges
+translation_of: Web/API/TimeRanges/length
+---
+<div>{{APIRef("DOM")}}</div>
+
+<p><span class="seoSummary"><strong><code>TimeRanges.length</code></strong> 読み取り専用プロパティは、オブジェクト内の範囲の数を返します。</span><br>
+  </p>
+
+<h2 id="Syntax" name="Syntax">構文</h2>
+
+<pre class="syntaxbox"><em>length</em> = <em>TimeRanges</em>.length;
+</pre>
+
+<h2 id="Example" name="Example">例</h2>
+
+<p>ID が "myVideo" の動画要素がある場合、</p>
+
+<pre class="brush: js">var v = document.GetElementById("myVideo");
+
+var buf = v.buffered;
+
+var numRanges = buf.length;
+
+if (buf.length == 1) {
+  // 1つの範囲のみ
+  if (buf.start(0) == 0 &amp;&amp; buf.end(0) == v.duration) {
+    // 1つの範囲が動画の最初から始まり、
+    // 動画の最後で終わるため、すべてが読み込まれています
+  }
+}
+</pre>
+
+<p>この例では、時間範囲を見て、動画全体が読み込まれたかどうかを確認します。</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", "#dom-timeranges-length", "TimeRanges.length()")}}</td>
+   <td>{{Spec2("HTML WHATWG")}}</td>
+   <td>初期定義</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2>
+
+
+
+<p>{{Compat("api.TimeRanges.length")}}</p>
diff --git a/files/ja/web/api/timeranges/start/index.html b/files/ja/web/api/timeranges/start/index.html
new file mode 100644
index 0000000000..98d14fd760
--- /dev/null
+++ b/files/ja/web/api/timeranges/start/index.html
@@ -0,0 +1,79 @@
+---
+title: TimeRanges.start()
+slug: Web/API/TimeRanges/start
+tags:
+  - API
+  - HTML DOM
+  - Media
+  - Method
+  - Reference
+  - TimeRanges
+translation_of: Web/API/TimeRanges/start
+---
+<p>{{APIRef("DOM")}}</p>
+
+<p>{{gecko_minversion_header("2.0")}}</p>
+
+<p><span class="seoSummary">指定された時間範囲が始まる時間オフセットを返します。</span></p>
+
+<h2 id="Syntax" name="Syntax">構文</h2>
+
+<pre class="syntaxbox"><em>startTime</em> = TimeRanges.start(index)
+</pre>
+
+<h3 id="Parameters" name="Parameters">パラメーター</h3>
+
+<ul>
+ <li><code>index</code> は、開始時間を返す範囲の番号です。</li>
+</ul>
+
+<h3 id="Exceptions" name="Exceptions">例外</h3>
+
+<dl>
+ <dt>INDEX_SIZE_ERR</dt>
+ <dd>指定されたインデックスが既存の範囲に対応しない場合にスローされる <code>DOMException</code>。</dd>
+</dl>
+
+<h2 id="Example" name="Example">例</h2>
+
+<p>ID が "myVideo" の動画要素がある場合、</p>
+
+<pre class="brush: js">var v = document.getElementById("myVideo");
+
+var buf = v.buffered;
+
+var numRanges = buf.length;
+
+if (buf.length == 1) {
+  // 1つの範囲のみ
+  if (buf.start(0) == 0 &amp;&amp; buf.end(0) == v.duration) {
+    // 1つの範囲が動画の最初から始まり、
+    // 動画の最後で終わるため、すべてが読み込まれています
+  }
+}
+</pre>
+
+<p>この例では、時間範囲を見て、動画全体が読み込まれたかどうかを確認します。</p>
+
+<h2 id="Specifications" name="Specifications">仕様</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">仕様</th>
+   <th scope="col">状態</th>
+   <th scope="col">コメント</th>
+  </tr>
+  <tr>
+   <td>{{SpecName("HTML WHATWG", "#dom-timeranges-start", "TimeRanges.start()")}}</td>
+   <td>{{Spec2("HTML WHATWG")}}</td>
+   <td>初期定義</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2>
+
+
+
+<p>{{Compat("api.TimeRanges.start")}}</p>