Compare Revisions
Firefox で HTML5 の音声と動画を再生する
Revision 35728:
Revision 35728 by marsf on
Revision 82829:
Revision 82829 by marsf on
Keywords:
ogg theora vorbis opus vp8 webm オープンメディア 動画 音声 オーディオ ビデオ
ogg theora vorbis opus vp8 webm オープンメディア オーディオ ビデオ
Search results summary:
一部の形式の音声や動画は、Flash などのプラグインを使わずに再生できます。この記事は、プラグインを使わずに再生できる形式と、それらを保存または開く方法について説明します。
Web ページ上の一部の形式の音声や動画は、プラグインを使わずに再生できます。この記事は、プラグインを使わずに再生できる形式と、それらを保存または開く方法について説明します。
Content:
Web ページ上のいくつかの形式の音声や動画は、[[Using plugins with Firefox|プラグイン]] を使わずに再生できます。この記事は、プラグインを使わずに再生できる形式と、そのコントロール、保存、開く方法について説明します。
__TOC__
= オープンメディアとは何か? =
音声や動画のファイル形式の多くは、特許により使用が制限されているため、それらを表示するためにプラグインと呼ばれるサードパーティ製のアプリケーションを使用する必要があります。プラグイン (例えば [[Managing the Flash plugin|Flash]]) は、ブラウザの[[T:Window]]の中で実行される小さなアプリケーションです。
[http://ja.wikipedia.org/wiki/Vorbis Vorbis オーディオ] と [http://ja.wikipedia.org/wiki/Theora Theora ビデオ] ([http://www.xiph.org/ Xiph.Org Foundation] による開発){for fx15}、[http://en.wikipedia.org/wiki/Opus_codec Opus オーディオ] (Mozilla と Microsoft により開発され、Internet Engineering Task Force により RFC 6716 として標準化){/for}、[http://ja.wikipedia.org/wiki/VP8 VP8 ビデオ] (Google による資金提供) は、特許による制限なしで自由に使用することができる [http://ja.wikipedia.org/wiki/%E9%9F%B3%E5%A3%B0%E5%9C%A7%E7%B8%AE 音声圧縮]/[http://en.wikipedia.org/wiki/Video_compression 動画圧縮] 形式です。これらの形式は、プラグインなしで Firefox で再生できます。
[http://ja.wikipedia.org/wiki/Ogg Ogg] (.oga, ogv, .ogx) と [http://ja.wikipedia.org/wiki/WebM WebM] (.webm) は、オープンメディアのための [http://ja.wikipedia.org/wiki/%E3%82%B3%E3%83%B3%E3%83%86%E3%83%8A%E3%83%95%E3%82%A9%E3%83%BC%E3%83%9E%E3%83%83%E3%83%88 コンテナフォーマット] です。
camendesign.com の [http://camendesign.com/code/video_for_everybody/test.html “Video For Everybody” Test Page] に、いくつかの動画ファイルのサンプルがあります。
= 音声と動画のコントロール =
オープンメディアファイルが含まれる Web サイトでは、マウスポインタをそれらのコンテンツの上に置くと、再生コントローラが現れます。
[[Image:3422722387e7ba98fa616e673cd4e151-1254196561-776-1.png]]
* '''再生ボタン''': [[Image:3422722387e7ba98fa616e673cd4e151-1254196561-776-3.png]] 再生を開始します。
* '''一時停止ボタン''': [[Image:3422722387e7ba98fa616e673cd4e151-1254196561-776-2.png]] 再生を一時停止します。
* '''進行インジケータ''': ファイルの先頭からの経過時間を表示します。 <br/> [[Image:3422722387e7ba98fa616e673cd4e151-1254196561-776-4.png]] <br/>
* '''音量コントロール''': 音量を調節するには、スライダをクリックして上下にドラッグします。 <br/> [[Image:3422722387e7ba98fa616e673cd4e151-1254196561-776-5.png]] <br/>
{note}'''補足:''' 音声や動画に再生コントロールが無い場合は、JavaScript が無効になっている可能性があります。<br><br>
# [[T:optionspreferences]]
# {menu コンテンツ} パネルを選択します。
# '''JavaScript を有効にする''' オプションにチェックを入れてください。
# [[T:closeOptionsPreferences]]{/note}
== キーボードによるコントロール ==
Web ページ上の音声ファイルや動画ファイルをクリックすると、キーボードでも再生をコントロールすることができます。
{|
!コマンド
!ショートカット
|-
|再生と一時停止の切り替え
|{key スペース}
|-
|音量を下げる
|{key ↓}
|-
|音量を上げる
|{key ↑}
|-
|ミュート (消音)
|{for win,linux}{key Ctrl+↓}{/for}{for mac}{key command+↓}{/for}
|-
|ミュート解除
|{for win,linux}{key Ctrl+↑}{/for}{for mac}{key command+↑}{/for}
|-
|15 秒前へ巻き戻し
|{key ←}
|-
|10% 前へ巻き戻し
|{for win,linux}{key Ctrl+←}{/for}{for mac}{key command+←}{/for}
|-
|15 秒先へ早送り
|{key →}
|-
|10% 先へ早送り
|{for win,linux}{key Ctrl+→}{/for}{for mac}{key command+→}{/for}
|-
|先頭へ巻き戻し
|{key Home}
|-
|末尾へ早送り
|{key End}
|}
= 動画を[[T:FullScreen]]で再生する =
動画の再生を[[T:FullScreen]]で行うには、動画を{for win,linux}右クリック{/for}{for mac} {key Ctrl} キーを押しながらクリック{/for}し、{menu [[T:FullScreen]]} を選択します。
[[T:FullScreen]]を終了するには、[[T:Window]]{for win,linux}右上{/for}{for mac}左上{/for}の '''X''' をクリックします。{for win,linux}<br/> [[Image:Open Video Full Screen]] <br/>{/for}
= オープンメディアファイルを保存する =
Web ページの音声ファイルをあなたのコンピュータに保存するには:
# 音声コントロールを[[T:contextmenu]]し、{menu {for win,linux}名前を付けて{/for}{for mac}別名で{/for}音声を保存...} を選択します。
# ファイルを保存する場所を選択します。
Web ページの動画ファイルをあなたのコンピュータに保存するには:
# 動画コントロールを[[T:contextmenu]]し、{menu {for win,linux}名前を付けて{/for}{for mac}別名で{/for}動画を保存...} を選択します。
# ファイルを保存する場所を選択します。
== 保存したファイルを開く ==
Web ページから保存したオープンメディアファイルは、通常のメディアプレーヤーでは再生できません (これらの形式に対応したメディアプレーヤーを使用する必要があります)。これらのファイルを開くには:
# Firefox を開きます。
# {for win,linux}{key Ctrl+O}{/for}{for mac}{key command+O}{/for} キーを押します。
# 再生するファイルが保存されたフォルダを開き、ファイルを選択して {button 開く} ボタンをクリックします。
<!--
* [http://www.videolan.org VLC Media Player] をダウンロードします。[http://www.videolan.org VLC Media Player] は、Windows および Mac OS X, Linux で利用可能です。
* オープンな音声形式や動画形式に対応したメディアプレーヤーに関する情報は、[http://en.wikipedia.org/wiki/Wikipedia:Media_help_%28Ogg%29 Wikipedia's Ogg Help page] を参照してください。
-->
= トラブルシューティング =
音声や動画ファイルの再生時に問題が起こったときは、次の記事を参照してください:
* [[Video or audio does not play]]
* [[No sound in Firefox]]
[[Template:ShareArticle|link=http://mzl.la/M99OTW]]
Web ページ上の一部の形式の音声や動画は、[[Use plugins to play audio, video, games and more|プラグイン]] を使わずに再生できます。この記事は、プラグインを使わずに再生できる形式と、それらを保存または開く方法について説明します。
__TOC__
= サポートされたファイル形式 =
音声や動画の多くのファイル形式は、特許により使用が制限されているため、それらを表示するのに [[Use plugins to play audio, video, games and more|プラグイン]] と呼ばれるサードパーティ製のアプリケーションを使用する必要があります (例えば [[Flash Plugin - Keep it up to date and troubleshoot problems|Flash]] など)。Firefox は、追加のプラグインをインストールすることなく、オープンメディア{for win7,win8,fx21}と一部の特許で保護されたメディア形式{/for}を再生することができます。
== オープンメディア ==
Firefox は、サンプルレートが 8 bit または 16 bit の [http://ja.wikipedia.org/wiki/%E3%83%91%E3%83%AB%E3%82%B9%E7%AC%A6%E5%8F%B7%E5%A4%89%E8%AA%BF PCM] 音声を無圧縮で含む [http://ja.wikipedia.org/wiki/WAV WAV] [http://ja.wikipedia.org/wiki/%E3%82%B3%E3%83%B3%E3%83%86%E3%83%8A%E3%83%95%E3%82%A9%E3%83%BC%E3%83%9E%E3%83%83%E3%83%88 コンテナフォーマット] (.wav, .wave ファイル形式) を再生できます。<!-- https://bugzilla.mozilla.org/show_bug.cgi?id=524109 -->
[http://ja.wikipedia.org/wiki/Vorbis Vorbis オーディオ]{for fx15}、[http://ja.wikipedia.org/wiki/Opus_%28%E9%9F%B3%E5%A3%B0%E5%9C%A7%E7%B8%AE%29 Opus オーディオ]{/for}、[http://ja.wikipedia.org/wiki/Theora Theora ビデオ] および [http://ja.wikipedia.org/wiki/VP8 VP8 ビデオ] は、特許による制限なしで自由に使用することができる [http://ja.wikipedia.org/wiki/%E9%9F%B3%E5%A3%B0%E5%9C%A7%E7%B8%AE 音声圧縮]/[http://ja.wikipedia.org/wiki/%E3%83%87%E3%83%BC%E3%82%BF%E5%9C%A7%E7%B8%AE#.E5.8B.95.E7.94.BB.E5.9C.A7.E7.B8.AE 動画圧縮] 形式です。これらの形式は、次の [http://ja.wikipedia.org/wiki/%E3%82%B3%E3%83%B3%E3%83%86%E3%83%8A%E3%83%95%E3%82%A9%E3%83%BC%E3%83%9E%E3%83%83%E3%83%88 コンテナフォーマット] に埋め込まれていれば Firefox で再生できます: [http://ja.wikipedia.org/wiki/Ogg Ogg] (.ogg, .oga, .ogv, .ogx, .spx, .opus ファイル形式) または [http://ja.wikipedia.org/wiki/WebM WebM] (.webm ファイル形式)。
{for win7,win8,fx21}
== 特許で保護されたメディア ==
{for win7,=fx21}
{note}'''注記:''' このセクションは、Windows Vista と現在ご使用の Firefox には適用されません。これらを再生するには、[http://www.mozilla.org/firefox mozilla.org/firefox] からダウンロードできる最新バージョンの Firefox が必要です。{/note}
{/for}
[https://ja.wikipedia.org/wiki/MP3 MP3]、[http://ja.wikipedia.org/wiki/AAC AAC] および [http://ja.wikipedia.org/wiki/H.264 H.264/MPEG-4 AVC] は、特許で保護された [http://ja.wikipedia.org/wiki/%E3%83%87%E3%83%BC%E3%82%BF%E5%9C%A7%E7%B8%AE#.E9.9F.B3.E5.A3.B0.E5.9C.A7.E7.B8.AE 音声圧縮]/[http://ja.wikipedia.org/wiki/%E3%83%87%E3%83%BC%E3%82%BF%E5%9C%A7%E7%B8%AE#.E5.8B.95.E7.94.BB.E5.9C.A7.E7.B8.AE 動画圧縮] 形式です。これらの形式は、[http://ja.wikipedia.org/wiki/MP4 MP4] [http://ja.wikipedia.org/wiki/%E3%82%B3%E3%83%B3%E3%83%86%E3%83%8A%E3%83%95%E3%82%A9%E3%83%BC%E3%83%9E%E3%83%83%E3%83%88 コンテナフォーマット] (.mp4, .m4a, .m4p, .m4b, .m4r, .m4v ファイル形式) に埋め込まれていれば、OS に搭載されたライブラリを使用して Firefox で再生できます (Mozilla やユーザは使用料を支払う必要がありません)。
{/for}
{note}'''ヒント:''' ご利用のシステムでテストする場合は、camendesign.com の [http://camendesign.com/code/video_for_everybody/test.html “Video For Everybody” Test Page] にあるいくつかの動画ファイルのサンプルをお試しください。{/note}
= 音声と動画のコントロール =
== コントロールバー==
再生がサポートされたメディアが含まれる Web サイトでは、ページ上のメディアにマウスポインタを置くと、再生を制御するコントローラが現れます。
[[Image:Video Controls]]
* '''再生ボタン''': [[Image:Video Play]] 再生を開始します。
* '''一時停止ボタン''': [[Image:Video Pause]] 再生を一時停止します。
* '''再生位置スライダ''': [[Image:Video Progress Slider]] ファイル先頭からの経過時間を示します。スライダを左右にドラッグすると、再生位置を戻ったり進んだりできます。
* '''音量コントロール''': クリックすると消音または消音解除します。スライダを上下にドラッグして音量を調節できます。
*::[[Image:Video Sound Slider]]
* '''[[T:Fullscreen]]ボタン''': [[Image:Video Fullscreen]] [[T:Default-]]サイズから[[T:Fullscreen]]に切り替えます。
* '''[[T:Default]]サイズボタン''': [[Image:Video Default Size]] [[T:Fullscreen]]から[[T:Default-]]サイズに戻します。
== コンテキストメニューによるコントロール ==
コンテキストメニュー ({for win,linux}右クリック{/for}{for mac}{key Ctrl} キーを押しながらクリック{/for}して開きます) には、上記のスライダを除く各コントロールと以下のメニューが含まれます:
{for fx22}
* '''再生レートを加速または減速する''': {menu 再生スピード} を選択し、再生速度の倍率を選んでください。
{/for}
* '''統計情報の表示切り替え''' (動画のみ): {menu 統計情報を表示} を選択すると、動画のファイル名や解像度、音量、サンプルレート、フレーム番号などの統計情報が表示されます。表示を隠すには、{menu 統計情報を閉じる} を選択してください。
* '''コントロールを隠す''': {menu コントロールを隠す} を選択すると、下部のコントロールが表示されなくなります。表示するには、{menu コントロールを表示} を選択してください。
== キーボードによるコントロール ==
Web ページ上のメディアをクリックしてフォーカスすると、キーボードでも再生をコントロールすることができます。
{|
!コマンド
!ショートカット
|-
|再生と一時停止の切り替え
|{key スペース}
|-
|音量を下げる
|{key ↓}
|-
|音量を上げる
|{key ↑}
|-
|ミュート (消音)
|{for win,linux}{key Ctrl+↓}{/for}{for mac}{key command+↓}{/for}
|-
|ミュート解除
|{for win,linux}{key Ctrl+↑}{/for}{for mac}{key command+↑}{/for}
|-
|15 秒前へ巻き戻し
|{key ←}
|-
|10% 前へ巻き戻し
|{for win,linux}{key Ctrl+←}{/for}{for mac}{key command+←}{/for}
|-
|15 秒先へ早送り
|{key →}
|-
|10% 先へ早送り
|{for win,linux}{key Ctrl+→}{/for}{for mac}{key command+→}{/for}
|-
|先頭へ巻き戻し
|{key Home}
|-
|末尾へ早送り
|{key End}
|}
= オープンメディアファイルを保存する =
Web ページの音声ファイルをコンピュータに保存するには:
# 音声コントロールを[[T:contextmenu]]し、{menu {for win,linux}名前を付けて{/for}{for mac}別名で{/for}音声を保存...} を選択します。
# ファイルを保存する場所を選択してください。
Web ページの動画ファイルをコンピュータに保存するには:
# 動画コントロールを[[T:contextmenu]]し、{menu {for win,linux}名前を付けて{/for}{for mac}別名で{/for}動画を保存...} を選択します。
# ファイルを保存する場所を選択してください。
== 保存したファイルを開く ==
Web ページから保存したオープンメディアファイルは、通常のメディアプレーヤーでは再生できません (これらの形式に対応したメディアプレーヤーを使用する必要があります)。これらのファイルを開くには:
# Firefox を開きます。
# {for win,linux}{key Ctrl+O}{/for}{for mac}{key command+O}{/for} キーを押します。
# 再生するファイルが保存されたフォルダを開き、ファイルを選択して {button 開く} ボタンをクリックします。
= トラブルシューティング =
音声や動画ファイルの再生時に問題が起こったときは、次の記事を参照してください:
* [[Fix common audio and video issues]]
* [[What to do if Firefox won't play any sounds]]