2016-05-12 30 views
0

私の目標は、ユーザーが自分の動画をアップロードしてから、Azure Media ServicesとAzure Media Playerを使用して再生できるようにすることです。現代のすべてのブラウザでビデオ再生をサポートしたい。Azure Media Services - HTML5 azureメディアプレーヤーへのビデオストリーム(BLOB)

は現在、私は唯一のAzureポータルを使用して手動でアップロードテストしていると私は、サンプルコードでは...

HTML

<link href="//amp.azure.net/libs/amp/latest/skins/amp-default/azuremediaplayer.min.css" rel="stylesheet"> 
<script src="//amp.azure.net/libs/amp/latest/azuremediaplayer.min.js"></script> 

<video id="azuremediaplayer" class="azuremediaplayer amp-default-skin amp-big-play-centered" controls autoplay width="640" height="400" poster="" data-setup='{"nativeControlsForTouch": false}' tabindex="0"> 
<source src="https://MYSTORAGE.blob.core.windows.net/asset-ad8677da-8869-4eb9-a93b-5805fc7e8122/bigbuck.mp4?sv=2012-02-12&sr=c&si=c7011ff9-be73-4ad4-a55a-fd05099ffa50&sig=WNnjsHGJB8PN8ZbmCGdBM34MEQ1oXsSxMXaPAqF1yK0I%3D&st=2016-05-11T14%3A32%3A19Z&se=2116-04-17T14%3A32%3A19Z" type="application/vnd.ms-sstr+xml" /> 
<p class="amp-no-js">To view this video please enable JavaScript, and consider upgrading to a web browser that supports HTML5 video</p> 

1.いくつかの質問/懸念を持っています私はAzure Media Servicesにmp4ビデオをアップロードしました。 Chromeを使用しているときはすべて動作しますが、Firefoxでこのエラーメッセージが表示されます。

動画のダウンロード中にネットワークエラーが発生しましたが、停止しました。ネットワーク の接続を確認し、後でもう一度お試しください。

ここで私はビデオのコーディングを追加する必要があると思いますか?もしそうなら、私の仕様にはどんなエンコーディングが必要ですか?

他の例では、人々が特別なフォーマットを使用しているのを見たことがありますが、ism/Manifest何か(?)ステップがありませんでしたか?私がしたことは、アセットを公開し、URLを取得してHTML5プレーヤーに貼り付けることでした。私のURLはSAS URIのようです。

2.少なくとも1つのユニットでストリーミングエンドポイントを作成する必要がありますか?私は価格を見て、それは$ 139 /月の周りだったと思う。ヤックライブストリーミングだけではないのですか?

3. Azure Media Services(アセット)でアップロードされた各動画は、独自のBlobコンテナを取得します。今私は何千人ものユーザーとさらに多くのビデオを持っている場合を想像してください。これは実際にどのように行われていますか?すべての動画に同じBLOBコンテナを使用することはできませんか? Azure Media Serviceは本当に私が探しているものですか?

4.私がAzure Media Servicesを使用しなかった場合、私の他の選択肢は何ですか?アップロードされたビデオをMP4/WebM/Oggに変換して、私のストレージスペースを三重にしますか?

答えて

2

上記の注意点は、プログレッシブMP4を使用しており、アダプティブストリーミングを使用していないため、ソースタグで指定したMIMEタイプが正しくないことです。あなたは "application/vnd.ms-sstr + xml"を "video/mp4"にする必要があります。このユースケースのサンプルはhttp://amp.azure.net/libs/amp/latest/samples/videotag_progressiveVideo.htmlです。

関連する問題