月別: 2013年4月

再生状態の取得
再生中のメディアファイルのURLは
currentSrc プロパティから取得
また、メディアファイルの長さは
duration プロパティから取得できる
単位は秒
他の情報を取得するプロパティは以下の通り
currentSrc
読み込み、再生を行っているメディアファイルのURL
duration
データの長さを秒で表す
ended
再生終了かどうか表す
error.code
1 MEDIA_ERROR_ABORTED
ユーザがダウンロードを中止
2 MEDIA_ERROR_NETWORK
ネットワーク接続失敗
3 MEDIA_ERROR_DECODE
デコード失敗
4 MEDIA_ERROR_SRC_NOT_SUPPORTED
形式をサポートしていない
networkState
0 NETWORK_EMPTY
要素の初期状態
1 NETWORK_IDLE
ネットワークを接続前
2 NETWORK_LOADING
ダウンロード中
3 NETWORK_LOADED
ダウンロード完了
4 NETWORK_NO_SOURCE
サポートしていない形式のためダウンロードしない
played
再生済みの時間範囲である TimeRanges を返す
seekable
シーク可能な時間範囲を表す
seeking
指定された再生位置に移動中か表す
startTime
再生可能な位置を秒数で表す
readyState
メディアのダウンロード状態を示す
0 HAVE_NOTHING
ダウンロード開始していない
1 HAVE_METADATA
メタデータのみダウンロード済み
2 HAVE_CURRENT_DATA
現在の再生位置を表示できるだけのデータをダウンロード済み
3 HAVE_GUTURE_DATA
現在の再生位置より少し先を再生できるぶんのダウンロード済み
4 HAVE_ENOUGH_DATA
最後まで表示できるデータをダウンロード済み
次に再生状態の変更
値を変更するプロパティも存在する
src
指定されたメディアファイルのURL
currentTIme
現在の再生位置を秒数で表す
defaultPlaybackRate
デフォルトの再生速度を泡ラス
デフォルトは1.0
マイナスにすると巻き戻し
playbackRate
再生速度
デフォルトは１。０
マイナスなら巻き戻し
preload
先読みするかどうか
loop
ループ再生するかどうか
controls
コントロールバーの表示
volume
音声ボリューム
0.0　～ 1.0 の値
muted
消音

基本的には
<audio src=”sample.mp3″ controles=”controls” loop=”loop” autoplay=”autoplay”></audio>
controls でコントロールバーの表示
loop でループ再生
autoplay で自動再生
muted をつけると消音
動画なら
<video src=”movie.mp4″ poster=”c4,2002png” controls=”controls” height=”300px” width=”300px”></video>
poster は動画が再生されるまでお待ちくださいという
変わりの画像の指定
controls はコントロールバーの表示
autoplay には
autoplay
autoplay=”autoplay”
autoplay=””
のどれかを選ぶ
preload は自動でファイル読み込み設定
none 無効
metadata メタデータのみ
auto 自動
のどれかを選ぶ
controls はコントロールバー
controls
controls=”controls”
controls=””
のどれかを選ぶ
loop ループ再生の指定
loop
loop=”loop”
loop=””
のどれかにする
あと複数メディアファイル対応にするなら
source タグで指定すればいい
<video controle=”controls”>
<source src=A”movie.mp4″ type=”video/mp4″></source>
<source src=”movie.webm” type=”video.webm”></source>
</video>
というかんじ
あと、重要なのが読み込みと再生関連
load()
メディアファイル読み込み
play()
メディアファイル再生
conPlayType(type)
type で指定したMIMEタイプが再生できるかどうか判定
再生できるなら
maybe
もしくは
probably
を返す