{"json_modified": "2016-03-28T08:34:27.639969", "uuid": "377b9061-8f54-419b-9466-bbc28d49f770", "title": "Media buffering, seeking, and time ranges", "url": "/en-US/docs/Web/Apps/Fundamentals/Audio_and_video_delivery/buffering_seeking_time_ranges", "tags": ["video", "Video", "Apps", "Buffer", "seeking", "buffering", "TimeRanges", "HTML5"], "translations": [{"uuid": "5167574b-cb98-4d25-8d2e-7fcccb97d8af", "title": "Media buffering, seeking, and time ranges", "url": "/zh-CN/docs/Web/Apps/Fundamentals/Audio_and_video_delivery/buffering_seeking_time_ranges", "tags": [], "summary": "\u6709\u65f6\u5019\u77e5\u9053\u00a0<a href=\"/zh-CN/docs/Web/HTML/Element/audio\" title=\"HTML &lt;audio&gt;&#xA0;&#x5143;&#x7D20;&#x7528;&#x4E8E;&#x5728;&#x6587;&#x6863;&#x4E2D;&#x8868;&#x793A;&#x97F3;&#x9891;&#x5185;&#x5BB9;&#x3002;&#xA0;&lt;audio&gt;&#xA0;&#x5143;&#x7D20;&#x53EF;&#x4EE5;&#x5305;&#x542B;&#x591A;&#x4E2A;&#x97F3;&#x9891;&#x8D44;&#x6E90;&#xFF0C; &#x8FD9;&#x4E9B;&#x97F3;&#x9891;&#x8D44;&#x6E90;&#x53EF;&#x4EE5;&#x4F7F;&#x7528;&#xA0;src&#xA0;&#x5C5E;&#x6027;&#x6216;&#x8005;&lt;source&gt; &#x5143;&#x7D20;&#x6765;&#x8FDB;&#x884C;&#x63CF;&#x8FF0;&#xFF1B; &#x6D4F;&#x89C8;&#x5668;&#x5C06;&#x4F1A;&#x9009;&#x62E9;&#x6700;&#x5408;&#x9002;&#x7684;&#x4E00;&#x4E2A;&#x6765;&#x4F7F;&#x7528;&#x3002;&#x5BF9;&#x4E8E;&#x4E0D;&#x652F;&#x6301;&lt;audio&gt;&#x5143;&#x7D20;&#x7684;&#x6D4F;&#x89C8;&#x5668;&#xFF0C;&lt;audio&gt;&#x5143;&#x7D20;&#x4E5F;&#x53EF;&#x4EE5;&#x4F5C;&#x4E3A;&#x6D4F;&#x89C8;&#x5668;&#x4E0D;&#x8BC6;&#x522B;&#x7684;&#x5185;&#x5BB9;&#x52A0;&#x5165;&#x5230;&#x6587;&#x6863;&#x4E2D;&#x3002;\"><code>&lt;audio&gt;</code></a> \u6216\u00a0<a href=\"/zh-CN/docs/Web/HTML/Element/video\" title=\"HTML &lt;video&gt; &#x5143;&#x7D20; &#x7528;&#x4E8E;&#x5728;HTML&#x6216;&#x8005;XHTML&#x6587;&#x6863;&#x4E2D;&#x5D4C;&#x5165;&#x89C6;&#x9891;&#x5185;&#x5BB9;&#x3002;\"><code>&lt;video&gt;</code></a> \u5df2\u7ecf\u4e0b\u8f7d\u4e86\u591a\u5c11\u6216\u6709\u591a\u5c11\u53ef\u4ee5\u4e0d\u5ef6\u8fdf\u7684\u64ad\u653e\u662f\u6709\u7528\u7684 \u2014 \u97f3\u9891\u548c\u89c6\u9891\u7684\u7f13\u51b2\u6761\u5c31\u662f\u8fd9\u4e2a\u7684\u4e00\u4e2a\u597d\u4f8b\u5b50\u3002\u00a0\u8fd9\u7bc7\u6587\u7ae0\u8ba8\u8bba\u00a0\u7528\u00a0<a href=\"https://developer.mozilla.org/en-US/docs/Web/API/TimeRanges\">TimeRanges</a>\u5982\u4f55\u521b\u5efa\u4e00\u4e2a\u00a0buffer/seek bar, \u548c\u00a0media API \u7684\u5176\u4ed6\u7279\u6027\u3002", "localization_tags": ["inprogress"], "locale": "zh-CN", "last_edit": "2016-03-04T03:14:07", "review_tags": ["editorial"]}], "modified": "2016-02-29T03:32:52", "label": "Media buffering, seeking, and time ranges", "localization_tags": [], "locale": "en-US", "id": 90663, "last_edit": "2016-02-29T03:32:14", "summary": "Sometimes it's useful to know how much <a href=\"/en-US/docs/Web/HTML/Element/audio\" title=\"The HTML &lt;audio&gt; element is used to embed sound content in documents. It may contain one or more audio sources, represented using the src attribute or the &lt;source&gt; element; the browser will choose the most suitable one.\"><code>&lt;audio&gt;</code></a> or <a href=\"/en-US/docs/Web/HTML/Element/video\" title=\"Use the &#xA0;HTML &lt;video&gt; element&#xA0;to embed video content in a document. The video element contains one or more video sources. To specify a video source, use either the src attribute or the &lt;source&gt; element; the browser will choose the most suitable one.\"><code>&lt;video&gt;</code></a> has downloaded or is playable without delay \u2014 a good example of this is the buffered progress bar of an audio or video player. This article discusses how to build a buffer/seek bar using <a href=\"https://developer.mozilla.org/en-US/docs/Web/API/TimeRanges\">TimeRanges</a>, and other features of the media API.", "sections": [{"id": "Buffered", "title": "Buffered"}, {"id": "TimeRanges_Object", "title": "TimeRanges Object"}, {"id": "Seekable", "title": "Seekable"}, {"id": "Creating_our_own_Buffering_Feedback", "title": "Creating our own Buffering Feedback"}, {"id": "A_quick_word_about_Played", "title": "A quick word about Played"}], "slug": "Web/Apps/Fundamentals/Audio_and_video_delivery/buffering_seeking_time_ranges", "review_tags": []}