ストリーミングを同時に8つ再生する方法について

Question

###前提・実現したいこと
javascriptでmp3ファイルを最大で8つまで再生できるアプリケーションを作成しています。このmp3はストリーミングである音声をリアルタイムで流し続けます。
8つのmp3を同時にダウンロード（再生）する方法を探しています。
もしくは下記制約を回避する手段でも構いません。

###発生している問題・エラーメッセージ
GoogleChromeでの場合ですが、mp3を6つ再生状態とすると、
その他のHTTPリクエストが全く行えない状態になってしまいます。
この6つというのは、Chromeの仕様で１サーバーへのアクセスに使える
接続は6までという制限が原因であることがわかりました。
（だいたいのブラウザが6までの制限を持っているようです。）

###ソースコード
実際とは違いますが、やりたいことは以下のイメージです。

var audio1 = new Audio();
var audio2 = new Audio();
var audio3 = new Audio();
var audio4 = new Audio();
var audio5 = new Audio();
var audio6 = new Audio();
var audio7 = new Audio();
var audio8 = new Audio();
audio1.src="streaming1.mp3";
audio2.src="streaming2.mp3";
audio3.src="streaming3.mp3";
audio4.src="streaming4.mp3";
audio5.src="streaming5.mp3";
audio6.src="streaming6.mp3";
audio7.src="streaming7.mp3";
audio8.src="streaming8.mp3";
audio1.play();
audio2.play();
audio3.play();
audio4.play();
audio5.play();
audio6.play();
audio7.play();
audio8.play();

###補足情報(言語/FW/ツール等のバージョンなど)
GoogleChrome46

Answer 1

結果として、
HTML/javascriptで色々工夫してみましたが、ダメでした。
以下に試行した結果を記しておきます。

【実験１】
WEBサーバの80以外のポートでバーチャルホストを立て、ブラウザからは別サイトに見えるようにすることで同時接続6個の制限を回避しようとした。
結果はブラウザにクロスサイトでセキュリティ違反とされスクリプト実行を禁止される。
Microsoft Edgeだけはできました…

【実験２】
WEBページ内に実験１で作成した別ポートのWEBサイトをIFRAME内で表示し、そのページとデータをやり取りすることで同時接続6個の制限を回避しようとした。
結果はブラウザにクロスサイトでセキュリティ違反とされスクリプト実行を禁止される。
Microsoft Edgeだけはできました…

ブラウザの仕様には注意が必要だなと感じました。

Answer 2

CloudFlareでHTTP/2の対応がされたようなので利用してみてはどうでしょう。

CloudFlare HTTP/2 | CloudFlare | The web performance & security company

Comments

[Cafelike]

ご回答ありがとうございます。
CloudFlareという負荷分散サービスがあることを初めて知りました。
参考になります。

Answer 3

同時のHTTPアクセス数を増やすのは、ユーザーにブラウザの設定を変えてもらうしか無いです。ブラウザによってはそもそも変更できない物もあるでしょう。

サーバー側で出来るのは、音声を合成して1ストリームにすることくらいでしょうか。

Comments

[Cafelike]

回答ありがとうございます。
当方でも調べた結果、HTTP/2で実現できる可能性がありそうです。
まだ検証はできていませんが…。

ブラウザ側にて音源のボリュームを個別に監視させたいので今回は音声合成は厳しそうです。