From 4a573bbdd0e5945998a37162d1535245d4e20416 Mon Sep 17 00:00:00 2001 From: Masahiro FUJIMOTO Date: Tue, 7 Sep 2021 00:29:50 +0900 Subject: Web/a-h以下の文書内のリンクURLを正規化 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - /en-US へのリンクを /ja へのリンクに修正 - /ja が付いていないものに /ja を付加 - MDN内のリンクが完全URLの場合、 /ja/docs からのURLに修正 --- .../index.html | 2 +- .../web/guide/audio_and_video_delivery/index.html | 62 +++++++++++----------- .../live_streaming_web_audio_and_video/index.html | 4 +- .../index.html | 4 +- 4 files changed, 36 insertions(+), 36 deletions(-) (limited to 'files/ja/web/guide/audio_and_video_delivery') 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: >-

WebVTT

-

The files that contain the actual subtitle data are simple text files that follow a specified format, in this case the Web Video Text Tracks (WebVTT) format. The WebVTT specification is still being worked on, but major parts of it are stable so we can use it today.

+

The files that contain the actual subtitle data are simple text files that follow a specified format, in this case the Web Video Text Tracks (WebVTT) format. The WebVTT specification is still being worked on, but major parts of it are stable so we can use it today.

Video providers (such as the Blender Foundation) 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 srt2vtt.

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

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:

To deliver video and audio, the general workflow is usually something like this:

@@ -49,7 +49,7 @@ translation_of: Web/Guide/Audio_and_video_delivery

Note: The preload attribute may be ignored by some mobile browsers.

-

For further info see Cross Browser Audio Basics (HTML5 Audio In Detail)

+

For further info see Cross Browser Audio Basics (HTML5 Audio In Detail)

HTML Video

@@ -73,7 +73,7 @@ translation_of: Web/Guide/Audio_and_video_delivery

Note: The autoplay attribute may be ignored by some mobile browsers.

-

For further info see <video> element and Creating a cross-browser video player.

+

For further info see <video> element and Creating a cross-browser video player.

Audio and Video Fallback

@@ -92,7 +92,7 @@ translation_of: Web/Guide/Audio_and_video_delivery

The process is very similar with video — just remember to set isvideo=true in the flashvars value parameters.

- More options for Fallbacks.

+ More options for Fallbacks.

JavaScript Audio

@@ -162,7 +162,7 @@ myVideo.height = 320; alert('web audio api not supported'); } -

In this example we retrieve an MP3 file via XHR, load it into a source and play it (Try it for yourself). Find more about Web Audio API basics in Using the Web Audio API.

+

In this example we retrieve an MP3 file via XHR, load it into a source and play it (Try it for yourself). Find more about Web Audio API basics in Using the Web Audio API.

getUserMedia / Stream API

@@ -222,7 +222,7 @@ myVideo.height = 320; }); -

See MediaRecorder API for more details.

+

See MediaRecorder API for more details.

Media Source Extensions (MSE)

@@ -240,7 +240,7 @@ myVideo.height = 320;

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.

-

The main formats used for adaptive streaming are HLS and MPEG-DASH. MSE has been designed with DASH in mind. MSE defines byte streams according to ISOBMFF and M2TS (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.

+

The main formats used for adaptive streaming are HLS and MPEG-DASH. MSE has been designed with DASH in mind. MSE defines byte streams according to ISOBMFF and M2TS (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.

Note: Currently Safari does not support DASH although dash.js will work on newer versions of Safari scheduled for release with OSX Yosemite.

@@ -248,7 +248,7 @@ myVideo.height = 320;

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.

- For further information see Live streaming web audio and video.

+ For further information see Live streaming web audio and video.

@@ -296,7 +296,7 @@ myVideo.height = 320; window.addEventListener( "keypress", checkKey, false ); } -

You can try this example out here. For more information, see Creating your own custom audio player.

+

You can try this example out here. For more information, see Creating your own custom audio player.

Other tips for audio/video

@@ -494,43 +494,43 @@ lastsource.addEventListener('error', function(ev) {

Basic tutorials

-
Creating a cross-browser video player
+
Creating a cross-browser video player
A guide to creating a basic cross browser video player using the {{ htmlelement ("video") }} element.
-
Video player styling basics
+
Video player styling basics
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.
-
Cross-browser audio basics
+
Cross-browser audio basics

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.

-
Media buffering, seeking, and time ranges
-
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 TimeRanges, and other features of the media API.
-
HTML5 playbackRate explained
+
Media buffering, seeking, and time ranges
+
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 TimeRanges, and other features of the media API.
+
HTML5 playbackRate explained
The playbackRate 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.
-
Using the Web Audio API
+
Using the Web Audio API
Explains the basics of using the Web Audio API to grab, manipulate and play back an audio source.

Streaming media tutorials

-
Live streaming web audio and video
+
Live streaming web audio and video
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.
-
Setting up adaptive streaming media sources
+
Setting up adaptive streaming media sources
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.)
-
DASH Adaptive Streaming for HTML 5 Video
+
DASH Adaptive Streaming for HTML 5 Video
Details how to set up adaptive streaming using DASH and WebM.

Advanced tutorials

-
Adding captions and subtitles to HTML5 video
-
This article explains how to add captions and subtitles to HTML5 {{ htmlelement("video") }}, using Web_Video_Text_Tracks_Format and the {{ htmlelement("track") }} element.
-
Writing Web Audio API code that works in every browser
+
Adding captions and subtitles to HTML5 video
+
This article explains how to add captions and subtitles to HTML5 {{ htmlelement("video") }}, using Web_Video_Text_Tracks_Format and the {{ htmlelement("track") }} element.
+
Writing Web Audio API code that works in every browser
A guide to writing cross browser Web Audio API code.
-
H.264 support in Firefox
+
H.264 support in Firefox
This article explains the state of support for the H.264 video format in Firefox/Firefox OS, including code examples, tips and tricks.
Easy audio capture with the MediaRecorder API
Explains the basics of using the MediaRecorder API to directly record a media stream.
@@ -543,11 +543,11 @@ lastsource.addEventListener('error', function(ev) {

References

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_

A couple of HTTP-based live streaming video formats are beginning to see support across browsers.

-

Note: You can find a guide to encoding HLS and MPEG-DASH for use on the web at Setting up adaptive streaming media sources.

+

Note: You can find a guide to encoding HLS and MPEG-DASH for use on the web at Setting up adaptive streaming media sources.

MPEG-DASH

@@ -252,7 +252,7 @@ translation_of: Web/Guide/Audio_and_video_delivery/Live_streaming_web_audio_and_
  • HLS Browser Support
  • HTTP Live Streaming JavaScript player
  • The Basics of HTTP Live Streaming
    • -
  • DASH Adaptive Streaming for HTML 5 Video
    • +
  • DASH Adaptive Streaming for HTML 5 Video
  • Dynamic Adaptive Streaming over HTTP (MPEG-DASH)
  • MPEG-DASH Media Source Demo
  • DASH Reference Client
    • 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
    -

    Note: If you use WebM you can use the methods shown in this tutorial DASH Adaptive Streaming for HTML 5 Video.

    +

    Note: If you use WebM you can use the methods shown in this tutorial DASH Adaptive Streaming for HTML 5 Video.

    エンコードされるとファイル構造はこのようになります。

    @@ -278,7 +278,7 @@ http://media.example.com/segment2.ts -- cgit v1.2.3-54-g00ecf