Extension:TimedMediaHandler/VideoJS Player/ja



VideoJS Playerは、Wikimedia プロジェクトにおける過去のビデオプレーヤーに替わる MediaWiki 向けの更新されたビデオプレーヤーです.

VideoJSをベースに、モバイル端末やHTML5に対応した、より現代的で高速なユーザーインターフェイスを実装しています.

ウィキメディア・ウィキでデスクトップ・ベータ機能として使用するには、個人設定で設定することができます.

使用法


音声のみと映像の双方に対応したプレーヤーです. 当ページ上では双方のプレーヤーを例示してご覧いただけます. ひとたび起動すると、映像に連動する操作用ツールバーが眼に留まるでしょう.



操作部の機能は、左から右へ下記の通り.


 * VideoJS play pause control.png 再生と一時停止
 * VideoJS volume control.png 音量調整
 * 再生中の位置
 * 再生の残り時間
 * VideoJS subtitle control.png 字幕の言語および書式の設定
 * VideoJS resolution control.png 画質設定
 * VideoJS picture-in-picture control.png ピクチャー イン ピクチャー に切替
 * VideoJS fullscreen control.png 全画面表示
 * VideoJS file description control.png 資料について解説する欄へ移行

マウスとキーボードの操作

 * サムネイル上の再生アイコンをクリックすると、メディアファイルの再生を開始します.
 * Right click or middle click the thumbnail to open the file description page
 * プレーヤーのウィンドウ内をクリックすることで再生と一時停止を行えます.
 * プレーヤーのウィンドウをダブルクリックすると全画面表示への移行や解除ができます.
 * キーボードから下記の操作が可能です.
 * k / spacebar-key : メディアの再生 / 一時停止
 * f-key : 全画面表示 / 解除
 * m-key : 消音
 * このプレーヤーは [Tab]、[Enter] および [Space]キーを使用することで、キーボードからすべての機能にアクセスできます.

理由
Wikimediaが2010年以来使用したビデオプレーヤーはいくつかの重要な欠点を持っています.


 * 今や多数の閲覧者がいる、モバイル端末で正常に動作しません.
 * 広く使われていない.
 * HTML5の動画が標準化される前に書かれたものです.
 * 独自の字幕システムを使用しています.
 * Internet Explorer6に対応し、当時のJavaScriptの標準を使用しています.
 * 独自のJavaScriptスタックが開発以前に書かれていました.
 * 2011年以来、ほとんど整備されていませんでした.

既知の問題点

 * When a wiki is being switched, for several days you might notice that some pages will show the old player and other pages the new player. This is expected and caused by caching. No action or bug report is required for this.
 * 字幕はいくつかのファイルで失敗する可能性があります. 字幕のwikicodeのサポートを削除しました.  この字幕を書き換えることをお勧めします(T224258).
 * Audio opens a dialog rather than displayed inline when there is a transcription. This is a deliberate change, that will in future allow us to display transcriptions for audio. Please see T246035.

ビデオプレーヤーはまだ開発中ですが、何か問題を見つけた場合は、議論ページで報告するか、Phabricatorにファイルしてください.

Developers
Developers working on features that use the Video.js player will need to initialize and configure it appropriately. Below is an example of typical usage.

Basic Configuration Example
The  can also be provided in the HTML  element instead of in JS:

Advanced configuration with Ogv.js support
If you need cross-platform playback of OGG or WebM files (many files in Commons are in these formats), you can use the Ogv.js plugin for Video.js, which is also included in TimedMediaHandler. Example configuration: