~ モバイル版(スマートフォン)の操作 ~
左右にスワイプすると、前後の投稿へ移動します。
← 前の投稿 | 次の投稿 →
日々のコンピュータ情報の集積と整理

Dr.ウーパのコンピュータ備忘録

2015年3月22日日曜日

音楽の再生 - WiiUのインターネットブラウザーを使用して、家庭内ネットワーク内のWebサーバへ接続する


スポンサーリンク

LinkStation の Web サーバに設置した html ファイルの 音楽ファイルのリンクを開いたところ(Wii Uゲームパッド画面)  音楽がWiiU のゲームパッドと、テレビから再生されている  (カメラで撮影したため、映像が荒く、歪んでいる)

イントロダクション

前回は、WiiU のインターネットブラウザーを使用して、ローカルネットワーク(家庭内ネットワーク等)上に設置した LinkStation の Web サーバの html ファイルを表示してみました。


WiiUのインターネットブラウザーを使用して、家庭内ネットワーク内のWebサーバへ接続する
http://upa-pc.blogspot.com/2015/03/wiiu-linkstation-web-server-html.html
Dr.ウーパのコンピュータ備忘録


今回はせっかく家庭内に WiiU からアクセスできる Web サーバを設置したので、Web サーバに音楽ファイルを置いて、それを WiiU (テレビ/ゲームパッド)で再生してみます。

WiiUのインターネットブラウザーを使用して、家庭内ネットワーク内のLinkStationのWebサーバに設置した音楽ファイルを再生する


前提条件

まず、前提条件として、WiiU は HTML5 の audio タグに対応していないという点があります。


WiiU:インターネットブラウザで表示させるWebページを作成するときに、参考になる公式情報
http://upa-pc.blogspot.com/2015/03/wiiu-browser-info.html
Dr.ウーパのコンピュータ備忘録


また、WiiU が対応しているオーディオコーデックは次のようになっています。

オーディオ:AAC - ISO/IEC 14496-3 MPEG-4 AAC
プロファイル: AAC-LC (Low Complexity), HE-AAC v1 (High-Efficiency)
チャンネル: 1(mono)~2(stereo)
周波数: 8000~48000Hz
※ただし一部再生できない場合があります。
Wii U|インターネットブラウザーの主な仕様|Nintendo
http://www.nintendo.co.jp/wiiu/hardware/features/internetbrowser/browser/
より引用


そこで、今回は、AAC 形式に変換した音楽ファイルを web サーバ上に設置し、html ファイル内からは、リンク(a タグ)で参照することにします。


設置手順

(1) aac 形式の音楽ファイルの作成

aac 形式の音楽ファイルは、iTunes の変換機能を使用して、既存の音楽ファイルを変換しました。

iTunes では、インポート設定で設定した音楽ファイルのフォーマットに、既存のファイルを変換する機能があります。

そこで、事前に「編集」メニューの「設定」にて、CD の「インポート設定」を次のように設定しました。

iTunes : インポート設定 AAC エンコーダ 高音質(128 kbps)
iTunes : インポート設定
AAC エンコーダ
高音質(128 kbps)

そして、iTunes 上で、AAC 形式に変換したい音楽ファイルを右クリックして、「AAC バージョンを作成」をクリックして、AAC 形式のファイルを作成します。


(2) 作成した AAC 形式の音楽ファイルを LinkStation の Web サーバのフォルダへ移動

(1) で作成したAAC 形式の音楽ファイルを LinkStation の Web サーバのフォルダへ移動します。

AAC 形式の音楽ファイルは基本的に、LinkStation の Web サーバの html ファイルと同じディレクトリ(フォルダ)へ入れておけばよいでしょう。

LinkStation の Webサーバ上に設置した AAC 形式の音楽ファイル
LinkStation の Webサーバ上に設置した AAC 形式の音楽ファイル


(3) HTML ファイルから参照できるようにする

次のように、html ファイル内から、音楽ファイルへのリンクを貼ります。

index.html の中身
<html>
<head>
    <title></title>
</head>
<body>

Music Room!<br />

<a href="sample-aac.m4a">sample-aac.m4a</a><br />


</body>
</html>


そのリンクをクリックすることで、音楽ファイルを開きます。


実行結果

以上の設置手順を実行した後に、WiiU のインターネットブラウザーから、LinkStation の Web サーバへアクセスしてみます。

すると、次のように音楽ファイルへのリンクが機能していることが分かります。

LinkStation の Web サーバに設置した html ファイルを Wii Uのゲームパッドで見たところ  音楽ファイルへのリンクがある  (カメラで撮影したため、映像が荒く、歪んでいます)
LinkStation の Web サーバに設置した html ファイルを
Wii Uのゲームパッドで見たところ

音楽ファイルへのリンクがある

(カメラで撮影したため、映像が荒く、歪んでいる)


その後、その音楽ファイルのリンクをクリックすると、音楽再生画面が開き、音楽が再生されます。

LinkStation の Web サーバに設置した html ファイルの 音楽ファイルのリンクを開いたところ(Wii Uゲームパッド画面)  音楽がWiiU のゲームパッドと、テレビから再生されている  (カメラで撮影したため、映像が荒く、歪んでいる)
LinkStation の Web サーバに設置した html ファイルの
音楽ファイルのリンクを開いたところ(Wii Uゲームパッド画面)

音楽がWiiU のゲームパッドと、テレビから再生されている


(カメラで撮影したため、映像が荒く、歪んでいる)


この音楽は、テレビ本体のスピーカーと、ゲームパッドのスピーカー、それぞれから再生されることを確認しました。

そのため、ゲームパッドのヘッドホン端子に外部スピーカーを接続して、作業用の音楽再生機器として使っている私としては、ゲームパッドを使った新しい楽しみ方が1つ増えました。


パソコンを使いながらニコニコ動画を見る場合、WiiUゲームパッドが結構便利!
http://upa-pc.blogspot.com/2015/02/niconico-wiiu-gamepad-good-point.html
Dr.ウーパのコンピュータ備忘録


ただし、ループ機能は無いようなので、音楽ファイルの最後まで再生が終わると、そのまま音楽の再生は停止します。


まとめ

このように、WiiU のインターネットブラウザー と LinkStation の Webサーバ機能を使用することで、WiiU の新しい楽しみ方を創造することが出来ました。

まだまだ、WiiU のインターネットブラウザー と LinkStation の Webサーバ機能を使った、新しい楽しみ方を模索していきたいと思います。


次回

音楽をプレイリストに従って再生するようにしてみました。

音楽のプレイリスト再生 - WiiUのインターネットブラウザーを使用して、家庭内ネットワーク内のWebサーバへ接続する
http://upa-pc.blogspot.com/2015/03/wiiu-linkstation-web-server-html-music-play-list.html
Dr.ウーパのコンピュータ備忘録


注意点

LinkStation の Web サーバのデータは、LinkStation へアクセスできる端末から見ることが出来てしまいます。

そのため、そのネットワークへ接続されている端末とその利用者が、LinkStation の Web サーバのデータを見ても問題の無い端末とその利用者なのか、事前に確認してから行ってください。

特に注意しなければならないケースとして、次の2点が挙げられます。

  • Wi-Fi などの無線 LAN 接続をしている場合に、第三者がそのネットワークに自由に接続できるようになっていないか?
  • ローカルのネットワークに対して、インターネットなどの外部のネットワークからアクセスが可能となっていないか?


もし、それらが不明な場合には、LinkStation の Web サーバ機能は使用しない、使用する場合は外部に流出したら困るようなデータを公開しないという対策が必要になります。


その他注意点

※ LinkStation であっても、シリーズによって搭載している機能が異なるため、Webサーバ機能が搭載されているかどうかは確認が必要です。

下記ページの、「Webサーバー機能に対応している製品は以下の通りです。」に、Webサーバ機能に対応している製品シリーズについての記載があります。

Webサーバー機能を停止する方法 - アンサー詳細 | BUFFALO バッファロー
http://faq.buffalo.jp/app/answers/detail/a_id/15526/kw/Web%E3%82%B5%E3%83%BC%E3%83%90/p/31,33,553


※ LinkStation 以外の NAS や、その他ネットワーク製品を利用することで、ローカルネットワークに Web サーバをたてることが出来る場合もあります。



新品価格
¥26,318から
(2015/3/22 13:33時点)

スポンサーリンク

コメントを投稿

コメント投稿機能について