でじたるのもり

PCやスマホでできることをあれこれ見つけて書いてます

Windows8でIIS Media serviceを使ってストリーミング配信サーバーをつくる

Windows8IISIIS Media serviceを入れて、SilverlightSmooth Streaming Playerを使ったストリーミング配信サーバがつくれるらしいのでやってみた。

IISIIS Media serviceを仕込む

Windows8IISを有効化して、MicrosoftのダウンロードセンターからIIS Media serviceを入手してインストールする。

IIS Media service(32Bit)

IIS Media service(64Bit)

インストールするとIISマネージャーにスムーズストリーミングのアイコンが追加される。

f:id:joribab:20140318180234j:plain

もし追加されない場合は、IISの有効化項目が不十分。

f:id:joribab:20140318180306j:plain

SilverlightのSmooth Streaming Playerを仕込む

iis.netのサイトでSmooth Streaming Playerをダウンロード。ページ中段に青い文字でリンクがある。分かりにくかったらSmoothStreamingPlayer.exeで検索。

このファイルは自己解凍形式。解凍して出来る2つのファイルが肝心。

SmoothStreamingPlayer.html
SmoothStreamingPlayer.xap

これら2つのファイルをC:\inetpub\wwwroot\にTestという名称のフォルダをつくって、そこにコピー。

以上でテストができる環境が出来上がり。他のPCからブラウザーで下記URLにアクセスしてみる。

http://サーバーのIP/Test/SmoothStreamingPlayer.html

アクセスできない場合はサーバーのファイヤーウォールの設定を見直す。

アクセスが無事に通って、PCにSilverlightがインストールされていないと判断された場合は、最初だけインストールサイトに誘導される。

f:id:joribab:20140318183436j:plain

 ダウンロードしてインストールが完了した後、再度アクセスすると、今度はプレーヤーとともにデモ映像が流れる。

f:id:joribab:20140318184108j:plain

サンプル映像を入手して仕込む

次にサンプル映像をダウンロード。SmoothStreamingのHDサンプルMicrosoftのサイトで入手できる。

Big Buck Bunny H.264 720p.zipをダウンロードして解凍、できたフォルダの中身をC:\inetpub\wwwroot\にBig_Buck_Bunnyという名称のフォルダをつくってそこにコピー。

f:id:joribab:20140318185041p:plain

さらにそのフォルダ内に、先ほどの2つのファイル

SmoothStreamingPlayer.html

SmoothStreamingPlayer.xap

をコピー。このファイルのうち、HTMLファイルの中に書かれているInitParamsのmediaurlをBig_Buck_Bunnyフォルダ宛てに修正する。

f:id:joribab:20140318190359p:plain

これでOK。うまくできていれば下記URLにアクセスしてサンプル画像が見られる。

http://サーバーのIP/Big_Buck_Bunny/SmoothStreamingPlayer.html

f:id:joribab:20140318191626j:plain

 

デモ環境の構築はここまでで出来上がり。意外と簡単に、高画質の映像を配信できるものだ。問題は自前の映像でどうやってサンプルのようなファイル群をつくるのかということ。

続きは次の機会に。

 

Wordpressが使える無料のサーバをいろいろ試してみた

Wordpressってのはいろんな意味で本当に楽だと思う。ここ数年でWordpressが無料で使えるレンタルサーバーもかなりの数になってきている。広告の有無や容量制限はまちまちだけれど、動作的にはどれも安定している。

続きを読む

スマホでもPCでも、どのブラウザーでも再生できる動画の埋め込み方はこれだ!

動画を貼り付けるためのツールはYoutubeが最もポピュラーだけれど、何でもかんでもYoutubeにアップするっていうのもどうなの?という感じがしなくもない。ちょっとした映像を気軽に貼っておきたい時などは、動画データを直接サーバーにアップして自サイト内で再生できると便利。

続きを読む

5分で完成!OpenStreetMap(OSM)をサイトに埋め込む方法

Googleマップにとって替わろうという勢いのオープンソースのマップシステム、それがOpenStreetMap(OSM)だ。Googleマップと比較するとマップ情報などはまだまだ少ないし、

続きを読む

MVNOの格安SIMで050PLUSを使えば、何の問題もないんじゃない?

仮想移動体通信事業者、いわゆるMVNO(Mobile Virtual Network Operator)の格安SIMは一部を除いて音声通話ができない。だからといって何も手がないのかというと、全然そんなことはない。

続きを読む

自サイトの動作確認に!スマホ用OSをPC画面で試せるエミュレーターいろいろ

自分のサイトがスマホでどう表示されるのかは誰もが気になるところ。でもiPhoneAndroidを両方持っている人はあまりいないと思うし、

続きを読む

Sony HDR-GW77で撮ったパノラマ写真をPC用・スマホ用ブログに埋め込む

最近は360度パノラマ写真が当たり前のように出回っていている。2013年11月には360度の全天球撮影が可能なカメラ「THETA360」がRICOHから発売され、撮影の手軽さやネット共有・サイトへの埋め込みのカンタンが受けて、かなり話題になっている。

続きを読む