diff options
author | Masahiro FUJIMOTO <mfujimot@gmail.com> | 2021-09-07 00:29:50 +0900 |
---|---|---|
committer | potappo <potappo@gmail.com> | 2021-09-18 22:24:37 +0900 |
commit | 4a573bbdd0e5945998a37162d1535245d4e20416 (patch) | |
tree | 882db0cd8f37c947955b460700d4d331f6bb95bb /files/ja/web/guide/audio_and_video_delivery | |
parent | e675bc16532dd880010aa9c2de2f9ed2f2bb3430 (diff) | |
download | translated-content-4a573bbdd0e5945998a37162d1535245d4e20416.tar.gz translated-content-4a573bbdd0e5945998a37162d1535245d4e20416.tar.bz2 translated-content-4a573bbdd0e5945998a37162d1535245d4e20416.zip |
Web/a-h以下の文書内のリンクURLを正規化
- /en-US へのリンクを /ja へのリンクに修正
- /ja が付いていないものに /ja を付加
- MDN内のリンクが完全URLの場合、 /ja/docs からのURLに修正
Diffstat (limited to 'files/ja/web/guide/audio_and_video_delivery')
4 files changed, 36 insertions, 36 deletions
diff --git a/files/ja/web/guide/audio_and_video_delivery/adding_captions_and_subtitles_to_html5_video/index.html b/files/ja/web/guide/audio_and_video_delivery/adding_captions_and_subtitles_to_html5_video/index.html index d20617020b..fdf394bf89 100644 --- a/files/ja/web/guide/audio_and_video_delivery/adding_captions_and_subtitles_to_html5_video/index.html +++ b/files/ja/web/guide/audio_and_video_delivery/adding_captions_and_subtitles_to_html5_video/index.html @@ -38,7 +38,7 @@ translation_of: >- <h3 id="WebVTT">WebVTT</h3> -<p>The files that contain the actual subtitle data are simple text files that follow a specified format, in this case the <a href="/en-US/docs/HTML/WebVTT">Web Video Text Tracks</a> (WebVTT) format. The <a href="http://dev.w3.org/html5/webvtt/">WebVTT specification</a> is still being worked on, but major parts of it are stable so we can use it today.</p> +<p>The files that contain the actual subtitle data are simple text files that follow a specified format, in this case the <a href="/ja/docs/HTML/WebVTT">Web Video Text Tracks</a> (WebVTT) format. The <a href="http://dev.w3.org/html5/webvtt/">WebVTT specification</a> is still being worked on, but major parts of it are stable so we can use it today.</p> <p>Video providers (such as the <a href="http://www.blender.org/foundation/">Blender Foundation</a>) provide captions and subtitles in a text format with their videos, but they're usually in the SubRip Text (SRT) format. These can be easily converted to WebVTT using an online converter such as <a href="https://atelier.u-sub.net/srt2vtt/">srt2vtt</a>.</p> diff --git a/files/ja/web/guide/audio_and_video_delivery/index.html b/files/ja/web/guide/audio_and_video_delivery/index.html index 8c2d5aa77d..64dae3f5e3 100644 --- a/files/ja/web/guide/audio_and_video_delivery/index.html +++ b/files/ja/web/guide/audio_and_video_delivery/index.html @@ -18,8 +18,8 @@ translation_of: Web/Guide/Audio_and_video_delivery <p>Whether we are dealing with pre-recorded audio files or live streams, the mechanism for making them available through the browser's {{ htmlelement("audio")}} and {{ htmlelement("video")}} elements remains pretty much the same. Currently, to support all browsers we need to specify two formats, although with the adoption of MP3 and MP4 formats in Firefox and Opera, this is changing fast. You can find compatibility information in the following places:</p> <ul> - <li><a href="/en-US/Apps/Build/Manipulating_media/Cross-browser_audio_basics#Audio_Codec_Support">Audio Codec Compatibility Table</a></li> - <li><a href="/en-US/docs/Web/HTML/Supported_media_formats#Browser_compatibility">Audio/Video Codec Compatibility Table</a></li> + <li><a href="/ja/Apps/Build/Manipulating_media/Cross-browser_audio_basics#Audio_Codec_Support">Audio Codec Compatibility Table</a></li> + <li><a href="/ja/docs/Web/HTML/Supported_media_formats#Browser_compatibility">Audio/Video Codec Compatibility Table</a></li> </ul> <p>To deliver video and audio, the general workflow is usually something like this:</p> @@ -49,7 +49,7 @@ translation_of: Web/Guide/Audio_and_video_delivery <p><strong>Note</strong>: The preload attribute may be ignored by some mobile browsers.</p> </div> -<p>For further info see <a href="/en-US/Apps/Build/Manipulating_media/Cross-browser_audio_basics#HTML5_audio_in_detail">Cross Browser Audio Basics (HTML5 Audio In Detail)</a></p> +<p>For further info see <a href="/ja/Apps/Build/Manipulating_media/Cross-browser_audio_basics#HTML5_audio_in_detail">Cross Browser Audio Basics (HTML5 Audio In Detail)</a></p> <h3 id="HTML_Video">HTML Video</h3> @@ -73,7 +73,7 @@ translation_of: Web/Guide/Audio_and_video_delivery <p><strong>Note</strong>: The autoplay attribute may be ignored by some mobile browsers.</p> </div> -<p>For further info see <a href="https://developer.mozilla.org/en/docs/Web/HTML/Element/video"><video> element</a> and <a href="/en-US/Apps/Build/Manipulating_media/cross_browser_video_player">Creating a cross-browser video player</a>.</p> +<p>For further info see <a href="/ja/docs/Web/HTML/Element/video"><video> element</a> and <a href="/ja/Apps/Build/Manipulating_media/cross_browser_video_player">Creating a cross-browser video player</a>.</p> <h3 id="Audio_and_Video_Fallback">Audio and Video Fallback</h3> @@ -92,7 +92,7 @@ translation_of: Web/Guide/Audio_and_video_delivery <p>The process is very similar with video — just remember to set <code>isvideo=true</code> in the <code>flashvars value</code> parameters.<br> <br> - <a href="/en-US/Apps/Build/Manipulating_media/Cross-browser_audio_basics#Fallbacks">More options for Fallbacks</a>.</p> + <a href="/ja/Apps/Build/Manipulating_media/Cross-browser_audio_basics#Fallbacks">More options for Fallbacks</a>.</p> <h3 id="JavaScript_Audio">JavaScript Audio</h3> @@ -162,7 +162,7 @@ myVideo.height = 320;</pre> alert('web audio api not supported'); }</pre> -<p>In this example we retrieve an MP3 file via XHR, load it into a source and play it (<a href="http://jsbin.com/facutone/1/edit?js">Try it for yourself</a>). Find more about Web Audio API basics in <a href="/en-US/docs/Web/API/Web_Audio_API/Using_Web_Audio_API">Using the Web Audio API</a>.</p> +<p>In this example we retrieve an MP3 file via XHR, load it into a source and play it (<a href="http://jsbin.com/facutone/1/edit?js">Try it for yourself</a>). Find more about Web Audio API basics in <a href="/ja/docs/Web/API/Web_Audio_API/Using_Web_Audio_API">Using the Web Audio API</a>.</p> <h2 id="getUserMedia_Stream_API">getUserMedia / Stream API</h2> @@ -222,7 +222,7 @@ myVideo.height = 320;</pre> }); </pre> -<p>See <a href="/en-US/docs/Web/API/MediaRecorder_API">MediaRecorder API</a> for more details.</p> +<p>See <a href="/ja/docs/Web/API/MediaRecorder_API">MediaRecorder API</a> for more details.</p> <h2 id="Media_Source_Extensions_(MSE)">Media Source Extensions (MSE)</h2> @@ -240,7 +240,7 @@ myVideo.height = 320;</pre> <p>New formats and protocols are being rolled out to facilitate adaptive streaming. Adaptive streaming media means that the bandwidth and typically quality of the stream can change in real-time in reaction to the user's available bandwidth. Adaptive streaming is often used in conjunction with live streaming where smooth delivery of audio or video is paramount.</p> -<p>The main formats used for adaptive streaming are <a href="/en-US/Apps/Build/Manipulating_media/Live_streaming_web_audio_and_video#HLS">HLS</a> and <a href="/en-US/Apps/Build/Manipulating_media/Live_streaming_web_audio_and_video#MPEG-DASH">MPEG-DASH</a>. MSE has been designed with DASH in mind. MSE defines byte streams according to <a href="https://dvcs.w3.org/hg/html-media/raw-file/tip/media-source/isobmff-byte-stream-format.html">ISOBMFF</a> and <a href="http://en.wikipedia.org/wiki/M2ts">M2TS</a> (both supported in DASH, the latter supported in HLS). Generally speaking, if you are interested in standards, are looking for flexibility, or wish to support most modern browsers, you are probably better off with DASH.</p> +<p>The main formats used for adaptive streaming are <a href="/ja/Apps/Build/Manipulating_media/Live_streaming_web_audio_and_video#HLS">HLS</a> and <a href="/ja/Apps/Build/Manipulating_media/Live_streaming_web_audio_and_video#MPEG-DASH">MPEG-DASH</a>. MSE has been designed with DASH in mind. MSE defines byte streams according to <a href="https://dvcs.w3.org/hg/html-media/raw-file/tip/media-source/isobmff-byte-stream-format.html">ISOBMFF</a> and <a href="http://en.wikipedia.org/wiki/M2ts">M2TS</a> (both supported in DASH, the latter supported in HLS). Generally speaking, if you are interested in standards, are looking for flexibility, or wish to support most modern browsers, you are probably better off with DASH.</p> <div class="note"> <p><strong>Note</strong>: Currently Safari does not support DASH although dash.js will work on newer versions of Safari scheduled for release with OSX Yosemite.</p> @@ -248,7 +248,7 @@ myVideo.height = 320;</pre> <p>DASH also provides a number of profiles including simple onDemand profiles that no preprocessing and splitting up of media files. There are also a number of cloud based services that will convert your media to both HLS and DASH.<br> <br> - For further information see <a href="/en-US/Apps/Build/Manipulating_media/Live_streaming_web_audio_and_video">Live streaming web audio and video</a>.</p> + For further information see <a href="/ja/Apps/Build/Manipulating_media/Live_streaming_web_audio_and_video">Live streaming web audio and video</a>.</p> <ul> </ul> @@ -296,7 +296,7 @@ myVideo.height = 320;</pre> window.addEventListener( "keypress", checkKey, false ); }</pre> -<p>You can <a href="http://jsbin.com/jujeladu/2/edit">try this example out here</a>. For more information, see <a href="https://developer.mozilla.org/en-US/Apps/Build/Manipulating_media/Cross-browser_audio_basics#Creating_your_own_custom_audio_player">Creating your own custom audio player</a>.</p> +<p>You can <a href="http://jsbin.com/jujeladu/2/edit">try this example out here</a>. For more information, see <a href="/ja/Apps/Build/Manipulating_media/Cross-browser_audio_basics#Creating_your_own_custom_audio_player">Creating your own custom audio player</a>.</p> <h2 id="Other_tips_for_audiovideo">Other tips for audio/video</h2> @@ -494,43 +494,43 @@ lastsource.addEventListener('error', function(ev) { <h2 id="Basic_tutorials">Basic tutorials</h2> <dl> - <dt><a href="/en-US/Apps/Build/Manipulating_media/cross_browser_video_player">Creating a cross-browser video player</a></dt> + <dt><a href="/ja/Apps/Build/Manipulating_media/cross_browser_video_player">Creating a cross-browser video player</a></dt> <dd>A guide to creating a basic cross browser video player using the {{ htmlelement ("video") }} element.</dd> - <dt><a href="/en-US/Apps/Build/Manipulating_media/Video_player_styling_basics">Video player styling basics</a></dt> + <dt><a href="/ja/Apps/Build/Manipulating_media/Video_player_styling_basics">Video player styling basics</a></dt> <dd>With the cross-browser video player put in place in the previous article, this article now looks at providing some basic, reponsive styling for the player.</dd> - <dt><a href="/en-US/Apps/Build/Manipulating_media/Cross-browser_audio_basics">Cross-browser audio basics</a></dt> + <dt><a href="/ja/Apps/Build/Manipulating_media/Cross-browser_audio_basics">Cross-browser audio basics</a></dt> <dd> <div> <p>This article provides a basic guide to creating an HTML5 audio player that works cross browser, with all the associated attributes, properties and events explained, and a quick guide to custom controls created using the Media API.</p> </div> </dd> - <dt><a href="/en-US/Apps/Build/Manipulating_media/buffering_seeking_time_ranges">Media buffering, seeking, and time ranges</a></dt> - <dd>Sometimes it's useful to know how much {{ htmlelement("audio") }} or {{ htmlelement("video") }} has downloaded or is playable without delay — 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="/en-US/docs/Web/API/TimeRanges">TimeRanges</a>, and other features of the media API.</dd> - <dt><a href="/en-US/Apps/Build/Manipulating_media/HTML5_playbackRate_explained">HTML5 playbackRate explained</a></dt> + <dt><a href="/ja/Apps/Build/Manipulating_media/buffering_seeking_time_ranges">Media buffering, seeking, and time ranges</a></dt> + <dd>Sometimes it's useful to know how much {{ htmlelement("audio") }} or {{ htmlelement("video") }} has downloaded or is playable without delay — 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="/ja/docs/Web/API/TimeRanges">TimeRanges</a>, and other features of the media API.</dd> + <dt><a href="/ja/Apps/Build/Manipulating_media/HTML5_playbackRate_explained">HTML5 playbackRate explained</a></dt> <dd>The <code>playbackRate</code> property allows us to change the speed or rate at which a piece of web audio or video is playing. This article explains it in detail.</dd> - <dt><a href="/en-US/docs/Web/API/Web_Audio_API/Using_Web_Audio_API">Using the Web Audio API</a></dt> + <dt><a href="/ja/docs/Web/API/Web_Audio_API/Using_Web_Audio_API">Using the Web Audio API</a></dt> <dd>Explains the basics of using the Web Audio API to grab, manipulate and play back an audio source.</dd> </dl> <h2 id="Streaming_media_tutorials">Streaming media tutorials</h2> <dl> - <dt><a href="/en-US/Apps/Build/Manipulating_media/Live_streaming_web_audio_and_video">Live streaming web audio and video</a></dt> + <dt><a href="/ja/Apps/Build/Manipulating_media/Live_streaming_web_audio_and_video">Live streaming web audio and video</a></dt> <dd>Live streaming technology is often employed to relay live events such as sports, concerts and more generally TV and Radio programmes that are output live. Often shortened to just streaming, live streaming is the process of transmitting media 'live' to computers and devices. This is a fairly complex and nascent subject with a lot of variables, so in this article we'll introduce you to the subject and let you know how you can get started.</dd> - <dt><a href="/en-US/Apps/Build/Manipulating_media/Setting_up_adaptive_streaming_media_sources">Setting up adaptive streaming media sources</a></dt> + <dt><a href="/ja/Apps/Build/Manipulating_media/Setting_up_adaptive_streaming_media_sources">Setting up adaptive streaming media sources</a></dt> <dd>Let's say you want to set up an adaptive streaming media source on a server, to be consumed inside an HTML5 media element. How would you do that? This article explains how, looking at two of the most common formats: MPEG-DASH and HLS (HTTP Live Streaming.)</dd> - <dt><a href="/en-US/docs/Web/HTML/DASH_Adaptive_Streaming_for_HTML_5_Video">DASH Adaptive Streaming for HTML 5 Video</a></dt> + <dt><a href="/ja/docs/Web/HTML/DASH_Adaptive_Streaming_for_HTML_5_Video">DASH Adaptive Streaming for HTML 5 Video</a></dt> <dd>Details how to set up adaptive streaming using DASH and WebM.</dd> </dl> <h2 id="Advanced_tutorials">Advanced tutorials</h2> <dl> - <dt><a href="/en-US/Apps/Build/Manipulating_media/Adding_captions_and_subtitles_to_HTML5_video">Adding captions and subtitles to HTML5 video</a></dt> - <dd>This article explains how to add captions and subtitles to HTML5 {{ htmlelement("video") }}, using <a href="https://developer.mozilla.org/en-US/docs/Web/API/Web_Video_Text_Tracks_Format" title="WebVTT is a format for displaying timed text tracks (e.g. subtitles) with the <track> element. The primary purpose of WebVTT files is to add subtitles to a <video>.">Web_Video_Text_Tracks_Format</a> and the {{ htmlelement("track") }} element.</dd> - <dt><a href="/en-US/docs/Web/Apps/Developing/Manipulating_media/Web_Audio_API_cross_browser" title="/en-US/docs/Web/Apps/Developing/Manipulating_media/Web_Audio_API_cross_browser">Writing Web Audio API code that works in every browser</a></dt> + <dt><a href="/ja/Apps/Build/Manipulating_media/Adding_captions_and_subtitles_to_HTML5_video">Adding captions and subtitles to HTML5 video</a></dt> + <dd>This article explains how to add captions and subtitles to HTML5 {{ htmlelement("video") }}, using <a href="/ja/docs/Web/API/Web_Video_Text_Tracks_Format" title="WebVTT is a format for displaying timed text tracks (e.g. subtitles) with the <track> element. The primary purpose of WebVTT files is to add subtitles to a <video>.">Web_Video_Text_Tracks_Format</a> and the {{ htmlelement("track") }} element.</dd> + <dt><a href="/ja/docs/Web/Apps/Developing/Manipulating_media/Web_Audio_API_cross_browser" title="/en-US/docs/Web/Apps/Developing/Manipulating_media/Web_Audio_API_cross_browser">Writing Web Audio API code that works in every browser</a></dt> <dd>A guide to writing cross browser Web Audio API code.</dd> - <dt><a href="/en-US/Apps/Developing/Manipulating_media/H.264_support_in_Firefox">H.264 support in Firefox</a></dt> + <dt><a href="/ja/Apps/Developing/Manipulating_media/H.264_support_in_Firefox">H.264 support in Firefox</a></dt> <dd>This article explains the state of support for the H.264 video format in Firefox/Firefox OS, including code examples, tips and tricks.</dd> <dt><a href="https://hacks.mozilla.org/2014/06/easy-audio-capture-with-the-mediarecorder-api/">Easy audio capture with the MediaRecorder API</a></dt> <dd>Explains the basics of using the MediaRecorder API to directly record a media stream.</dd> @@ -543,11 +543,11 @@ lastsource.addEventListener('error', function(ev) { <h2 id="References">References</h2> <ul> - <li><a href="/en-US/docs/Web/HTML/Element/video">The video element</a></li> - <li><a href="/en-US/docs/Web/Guide/Events/Media_events">Media events API</a></li> - <li><a href="/en-US/docs/Web/API/HTMLVideoElement">HTMLVideoElement API</a></li> - <li><a href="/en-US/docs/Web/API/MediaSource">MediaSource API</a></li> - <li><a href="/en-US/docs/Web/API/Web_Audio_API">Web Audio API</a></li> - <li><a href="/en-US/docs/Web/API/MediaRecorder_API">MediaRecorder API</a></li> - <li><a href="/en-US/docs/Web/API/MediaDevices/getUserMedia">getUserMedia</a></li> + <li><a href="/ja/docs/Web/HTML/Element/video">The video element</a></li> + <li><a href="/ja/docs/Web/Guide/Events/Media_events">Media events API</a></li> + <li><a href="/ja/docs/Web/API/HTMLVideoElement">HTMLVideoElement API</a></li> + <li><a href="/ja/docs/Web/API/MediaSource">MediaSource API</a></li> + <li><a href="/ja/docs/Web/API/Web_Audio_API">Web Audio API</a></li> + <li><a href="/ja/docs/Web/API/MediaRecorder_API">MediaRecorder API</a></li> + <li><a href="/ja/docs/Web/API/MediaDevices/getUserMedia">getUserMedia</a></li> </ul> diff --git a/files/ja/web/guide/audio_and_video_delivery/live_streaming_web_audio_and_video/index.html b/files/ja/web/guide/audio_and_video_delivery/live_streaming_web_audio_and_video/index.html index 5fff3a2948..cc8057d8bf 100644 --- a/files/ja/web/guide/audio_and_video_delivery/live_streaming_web_audio_and_video/index.html +++ b/files/ja/web/guide/audio_and_video_delivery/live_streaming_web_audio_and_video/index.html @@ -87,7 +87,7 @@ translation_of: Web/Guide/Audio_and_video_delivery/Live_streaming_web_audio_and_ <p>A couple of HTTP-based live streaming video formats are beginning to see support across browsers.</p> <div class="note"> -<p><strong>Note</strong>: You can find a guide to encoding HLS and MPEG-DASH for use on the web at <a href="/en-US/Apps/Build/Manipulating_media/Setting_up_adaptive_streaming_media_sources">Setting up adaptive streaming media sources</a>.</p> +<p><strong>Note</strong>: You can find a guide to encoding HLS and MPEG-DASH for use on the web at <a href="/ja/Apps/Build/Manipulating_media/Setting_up_adaptive_streaming_media_sources">Setting up adaptive streaming media sources</a>.</p> </div> <h3 id="MPEG-DASH">MPEG-DASH</h3> @@ -252,7 +252,7 @@ translation_of: Web/Guide/Audio_and_video_delivery/Live_streaming_web_audio_and_ <li><a href="http://www.jwplayer.com/html5/hls/">HLS Browser Support</a></li> <li><a href="https://github.com/RReverser/mpegts">HTTP Live Streaming JavaScript player</a></li> <li><a href="http://www.larryjordan.biz/app_bin/wordpress/archives/2369">The Basics of HTTP Live Streaming</a></li> - <li><a href="https://developer.mozilla.org/en-US/docs/DASH_Adaptive_Streaming_for_HTML_5_Video">DASH Adaptive Streaming for HTML 5 Video</a></li> + <li><a href="/ja/docs/DASH_Adaptive_Streaming_for_HTML_5_Video">DASH Adaptive Streaming for HTML 5 Video</a></li> <li><a href="http://en.wikipedia.org/wiki/Dynamic_Adaptive_Streaming_over_HTTP">Dynamic Adaptive Streaming over HTTP (MPEG-DASH)</a></li> <li><a href="http://dash-mse-test.appspot.com/media.html">MPEG-DASH Media Source Demo</a></li> <li><a href="http://dashif.org/reference/players/javascript/1.0.0/index.html">DASH Reference Client</a></li> diff --git a/files/ja/web/guide/audio_and_video_delivery/setting_up_adaptive_streaming_media_sources/index.html b/files/ja/web/guide/audio_and_video_delivery/setting_up_adaptive_streaming_media_sources/index.html index fccd84627b..764bb34c3d 100644 --- a/files/ja/web/guide/audio_and_video_delivery/setting_up_adaptive_streaming_media_sources/index.html +++ b/files/ja/web/guide/audio_and_video_delivery/setting_up_adaptive_streaming_media_sources/index.html @@ -122,7 +122,7 @@ translation_of: Web/Guide/Audio_and_video_delivery/Setting_up_adaptive_streaming </div> <div class="note"> -<p><strong>Note</strong>: If you use WebM you can use the methods shown in this tutorial <a href="/en-US/docs/DASH_Adaptive_Streaming_for_HTML_5_Video">DASH Adaptive Streaming for HTML 5 Video</a>.</p> +<p><strong>Note</strong>: If you use WebM you can use the methods shown in this tutorial <a href="/ja/docs/DASH_Adaptive_Streaming_for_HTML_5_Video">DASH Adaptive Streaming for HTML 5 Video</a>.</p> </div> <p>エンコードされるとファイル構造はこのようになります。</p> @@ -278,7 +278,7 @@ http://media.example.com/segment2.ts <ul> <li><a href="http://www-itec.uni-klu.ac.at/bib/files/p89-lederer.pdf">Dynamic Adaptive Streaming over HTTP Dataset</a></li> <li><a href="http://msdn.microsoft.com/en-us/library/dn551370(v=vs.85).aspx">MPEG-DASH and streaming reference and resources (MSDN)</a></li> - <li><a href="/en-US/docs/DASH_Adaptive_Streaming_for_HTML_5_Video">DASH Adaptive Streaming for HTML 5 Video</a></li> + <li><a href="/ja/docs/DASH_Adaptive_Streaming_for_HTML_5_Video">DASH Adaptive Streaming for HTML 5 Video</a></li> <li><a href="http://www.slideshare.net/christian.timmerer/dynamic-adaptive-streaming-over-http-from-content-creation-to-consumption" style="color: rgb(65, 131, 196); text-decoration: none; background: transparent;">Dynamic Adaptive Streaming over HTTP: From Content Creation to Consumption</a></li> </ul> |