ストリーミングユーザーへの配慮
回線速度に合わせた音声・動画ファイルを用意
unknown
ブロードバンドユーザー（ADSL、FFTP回線）に比べ、回線速度の遅いナローバンドユーザー（ISDNやアナログ回線）は、同じ音声・動画ファイルを再生するにしても、再生にかなり時間がかかってしまいます。
そのため、1つの音声・動画ファイルにつき、「ブロードバンドユーザー用（高画質）」と「ナローバンドユーザー用（低画質）」の2種類を用意し、ユーザーが自身の環境に合わせて再生する音声・動画ファイルを選択できるようにしておくと親切です。
| 回線速度 | 対象ユーザー | ビットレート | 画質 |
|---|---|---|---|
| 低帯域幅（ナローバンド）用 | ISDN、アナログ回線ユーザー向け | 56k | 低画質 |
| 高帯域幅（ブロードバンド）用 | ADSL、FFTPユーザー向け | 256k | 高画質 |
<script type="text/javascript">
function wmvVideoOpen(FilePass,width,height){
PlayWin=window.open('','sample','width='+width+',height='+(height+45)+',top=0,left=0,resizable=0,status=1,scrollbars=0,titlebar=0,toolbar=0,menubar=0,directories=0,personalbar=0');
PlayWin.focus();
var htm="";
htm+='<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">';
htm+="<html lang='ja'>\n";
htm+="<html>\n";
htm+="<head>\n";
htm+="<title>SampleVideo<\/title>\n";
htm+="<meta http-equiv='Content-Type' content='text/html; charset=utf-8'>\n";
htm+="<meta http-equiv='Content-Script-Type' content='text/javascript'>\n";
htm+="<\/head>\n";
htm+="<bod";
htm+="y style='background-color:#000; margin:0 auto; text-align:center; padding:0;'>\n";
htm+="<p>\n";
/* Windows Media Player 音声埋め込み [begin] */
htm+="<object id='WMP' width='"+width+"' height='"+(height+45)+"' classid='CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95' codebase='http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,5,715' standby='Loading MicrosoftR WindowsR Media Player components...' type='application/x-oleobject'>\n";
htm+="<param name='FileName' value='"+FilePass+"'>\n";
htm+="<param name='AutoStart' value='true'>\n";
htm+="<param name='ShowControls' value='true'>\n";
htm+="<embed name='WMP' pluginspage='http://www.microsoft.com/Windows/MediaPlayer/' type='application/x-mplayer2' src='"+FilePass+"' width='"+width+"' height='"+(height+45)+"' autostart='1' showcontrols='1'>\n";
htm+="<\/embed>\n";
htm+="<\/object>\n";
/* Windows Media Player 音声埋め込み [end//] */
htm+="<\/p>\n";
htm+="<\/bod";
htm+="y>\n";
htm+="<\/html>\n";
PlayWin.document.write(htm);
PlayWin.document.close();
}
</script>
<style type="text/css">
.video {
background:#000;
width:360px;
color:#eee;
}
.video a {
text-decoration:none;
background:transparent url("/content/img/icon/video.gif") no-repeat left center;
padding-left:16px;
}
.video table {
margin:5px auto;
}
.video th,
.video td {
text-align:center;
padding:0;
}
.video thead th {
padding-bottom:5px;
}
</style>
<div class="video">
<table>
<thead>
<tr><th colspan="2">Windows Media Player</th></tr>
</thead>
<tbody>
<tr><td colspan="2"><img src="/content/img/strm/usability/video_image.png" class="image" alt="" /></td></tr>
<tr>
<th>ブロードバンド用</th>
<th>ナローバンド用</th>
</tr>
<tr>
<td><a href="javascript:wmvVideoOpen('http://phpjavascriptroom.com/content/media/SampleMovie.asf',320,240)">320×240（361KB）</a></td>
<td><a href="javascript:wmvVideoOpen('http://phpjavascriptroom.com/content/media/SampleMovie_low.wmv',160,120)">160×120（57KB）</a></td>
</tr>
</tbody>
</table>
</div>
| Windows Media Player | |
|---|---|
 | |
| ブロードバンド用 | ナローバンド用 |
| 320×240（361KB） | 160×120（57KB） |
各プレイヤーに対応したファイルを用意
unknown
Windows Media Player、 RealPlayer、 QuickTimeそれぞれに対応したファイルを全て用意するのがベストです。 3つのプレーヤーを全てのユーザーがインストールしているとは限りません。 そのため、ユーザーが見るプレイヤーを選択できるようにしておくと親切です。
各プレイヤーのダウンロードボタンをWebページに設置
unknown
全てのプレーヤーに対応したファイルが用意されていない場合、配信されている音声・動画ファイルに対応するプレイヤーがインストールしていないユーザーは見ることができません。 また音声・動画ファイルによっては、プレイヤーのバージョンが古いと再生できない場合があります。
そのため、配信する音声・動画ファイルに対応したプレイヤーの最新版をダウンロードできるリンクボタンを貼っておきましょう。
ダウンロードボタンの使用に関するガイドは、各プレイヤーの公式サイトに記載されてます。
Windows Media Player ダウンロード ボタン ロゴとガイドライン
<!-- Windows Media Player のダウンロードボタン --> <a href="http://www.microsoft.com/japan/windows/windowsmedia/download/default.aspx"><img alt="Windows Media Player の入手" src="http://www.microsoft.com/windows/windowsmedia/images/logos/getwm/mp11_88x31_ani.gif" width="88" height="31" border="0" /></a>
RealNetworks 製品ロゴのダウンロード
<!-- Free RealPlayer ダウンロードボタン --> <a href="http://switchboard.real.com/links/?btn=en/dwnld_88x31"><img src="http://logo.real.com/en/dwnld_88x31.gif" width="88" height="31" border="0" alt="Download RealPlayer" /></a>
Apple - Web Badges
<!-- QuickTime のダウンロードボタン --> <a href="http://www.apple.co.jp/quicktime/download/" target="_blank"><img alt="GET Quick Time" src="/content/img/strm/qt7badge_getQTfreeDownload.gif" width="88" height="31" border="0" /></a>
