質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

90.53%

  • HTML5

    4000questions

    HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

  • XML

    651questions

    XMLは仕様の1つで、マークアップ言語群を構築するために使われています。

  • Azure

    212questions

    Azureは、マイクロソフトのクラウド プラットフォームで、旧称は Windows Azureです。PaaSとIaaSを組み合わせることで、 コンピューティング・ストレージ・データ・ネットワーキング・アプリケーションなど多くの機能を持ちます。

  • iframe

    119questions

    HTMLのタグ<iframe>です。<iframe>は、ドキュメント内に""inline frame""を作るHTML要素で、同じページでセパレートしているドキュメントが表示されるようにします。

  • Three.js

    118questions

    Three.jsはWebGLをサポートしているJavaScriptの3D描画用ライブラリです。

Azureでエンコードした.mpdファイルを再生したい。

解決済

回答 1

投稿 編集

  • 評価
  • クリップ 0
  • VIEW 1,063

snooooopy_16

score 8

前提・実現したいこと

Azureでエンコードした.mpdファイルをgoogle vr view for webで再生したい。

発生している問題・エラーメッセージ

再生できる.mpdファイルと再生できない.mpdファイルがあり,Azureで.mp4⇒.mpdにエンコードした場合,再生できない。
![イメージ説明]
![追加

該当のソースコード

動かない.mpdファイルの中身

<?xml version="1.0" encoding="utf-8"?>
<MPD xmlns="urn:mpeg:dash:schema:mpd:2011" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" profiles="urn:mpeg:dash:profile:isoff-live:2011" type="static" mediaPresentationDuration="PT3M0.267S" minBufferTime="PT3S"><Period><AdaptationSet id="1" group="1" profiles="ccff" bitstreamSwitching="false" segmentAlignment="true" contentType="video" mimeType="video/mp4" codecs="avc1.64001F" maxWidth="1280" maxHeight="640" startWithSAP="1"><SegmentTemplate timescale="10000000" media="QualityLevels($Bandwidth$)/Fragments(video=$Time$,format=mpd-time-csf)" initialization="QualityLevels($Bandwidth$)/Fragments(video=i,format=mpd-time-csf)"><SegmentTimeline><S d="20016666"/><S d="20016667"/><S d="20033333"/><S d="20016667" r="1"/><S d="20016666"/><S d="20016667"/><S d="20033333"/><S d="20016667" r="1"/><S d="20016666"/><S d="20016667"/><S d="20033333"/><S d="20016667" r="1"/><S d="20016666"/><S d="20016667"/><S d="20033333"/><S d="20016667" r="1"/><S d="20016666"/><S d="20016667"/><S d="20033333"/><S d="20016667" r="1"/><S d="20016666"/><S d="20016667"/><S d="20033333"/><S d="20016667" r="1"/><S d="20016666"/><S d="20016667"/><S d="20033333"/><S d="20016667" r="1"/><S d="20016666"/><S d="20016667"/><S d="20033333"/><S d="20016667" r="1"/><S d="20016666"/><S d="20016667"/><S d="20033333"/><S d="20016667" r="1"/><S d="20016666"/><S d="20016667"/><S d="20033333"/><S d="20016667" r="1"/><S d="20016666"/><S d="20016667"/><S d="20033333"/><S d="20016667" r="1"/><S d="20016666"/><S d="20016667"/><S d="20033333"/><S d="20016667" r="1"/><S d="20016666"/><S d="20016667"/><S d="20033333"/><S d="20016667" r="1"/><S d="20016666"/><S d="20016667"/><S d="20033333"/><S d="20016667" r="1"/><S d="20016666"/><S d="20016667"/><S d="20033333"/><S d="20016667" r="1"/><S d="20016666"/><S d="20016667"/><S d="20033333"/><S d="20016667" r="1"/><S d="20016666"/><S d="20016667"/><S d="20033333"/><S d="20016667" r="1"/><S d="20016666"/><S d="20016667"/><S d="20033333"/><S d="20016667" r="1"/></SegmentTimeline></SegmentTemplate><Representation id="1_V_video_1" bandwidth="3433827" width="1280" height="640"/><Representation id="1_V_video_2" bandwidth="2273278" width="960" height="480"/><Representation id="1_V_video_3" bandwidth="1515229" width="960" height="480"/><Representation id="1_V_video_4" bandwidth="1009339" codecs="avc1.640016" width="640" height="320"/><Representation id="1_V_video_5" bandwidth="655802" codecs="avc1.640016" width="640" height="320"/><Representation id="1_V_video_6" bandwidth="403922" codecs="avc1.64000D" width="320" height="160"/></AdaptationSet><AdaptationSet id="2" group="5" profiles="ccff" bitstreamSwitching="false" segmentAlignment="true" contentType="audio" mimeType="audio/mp4" codecs="mp4a.40.2"><SegmentTemplate timescale="10000000" media="QualityLevels($Bandwidth$)/Fragments(aac_UND_2_128=$Time$,format=mpd-time-csf)" initialization="QualityLevels($Bandwidth$)/Fragments(aac_UND_2_128=i,format=mpd-time-csf)"><SegmentTimeline><S d="20053333" r="1"/><S d="20053334"/><S d="20053333" r="1"/><S d="20053334"/><S d="20053333" r="1"/><S d="20053334"/><S d="20053333" r="1"/><S d="20053334"/><S d="20053333" r="1"/><S d="20053334"/><S d="20053333" r="1"/><S d="20053334"/><S d="20053333" r="1"/><S d="20053334"/><S d="20053333" r="1"/><S d="20053334"/><S d="20053333" r="1"/><S d="20053334"/><S d="20053333" r="1"/><S d="20053334"/><S d="20053333" r="1"/><S d="20053334"/><S d="20053333" r="1"/><S d="20053334"/><S d="20053333" r="1"/><S d="20053334"/><S d="20053333" r="1"/><S d="20053334"/><S d="20053333" r="1"/><S d="20053334"/><S d="20053333" r="1"/><S d="20053334"/><S d="20053333" r="1"/><S d="20053334"/><S d="20053333" r="1"/><S d="20053334"/><S d="20053333" r="1"/><S d="20053334"/><S d="20053333" r="1"/><S d="20053334"/><S d="20053333" r="1"/><S d="20053334"/><S d="20053333" r="1"/><S d="20053334"/><S d="20053333" r="1"/><S d="20053334"/><S d="20053333" r="1"/><S d="20053334"/><S d="20053333" r="1"/><S d="20053334"/><S d="20053333" r="1"/><S d="20053334"/><S d="20053333" r="1"/><S d="20053334"/><S d="20053333" r="1"/><S d="20053334"/><S d="20053333" r="1"/><S d="20053334"/><S d="20053333" r="1"/><S d="17920000"/></SegmentTimeline></SegmentTemplate><Representation id="5_A_aac_UND_2_128_1" bandwidth="128008" audioSamplingRate="48000"/></AdaptationSet></Period></MPD>


動く.mpdファイルの中身

<?xml version="1.0"?>
<!-- MPD file Generated with GPAC version 0.5.2-DEV-rev971-g61bef99-master  at 2016-08-31T22:43:16.278Z-->
<MPD xmlns="urn:mpeg:dash:schema:mpd:2011" minBufferTime="PT1.500S" type="static" mediaPresentationDuration="PT0H0M40.101S" maxSegmentDuration="PT0H0M2.020S" profiles="urn:mpeg:dash:profile:isoff-on-demand:2011">
 <ProgramInformation moreInformationURL="http://gpac.sourceforge.net">
  <Title>test_vod_ricoh/dash/richoh1_0.mpd generated by GPAC</Title>
 </ProgramInformation>

 <Period duration="PT0H0M40.101S">
  <AdaptationSet segmentAlignment="true" par="1:1" lang="und" subsegmentAlignment="true" subsegmentStartsWithSAP="1">
   <Representation id="1" mimeType="audio/mp4" codecs="mp4a.40.2" audioSamplingRate="44100" startWithSAP="1" bandwidth="71452">
    <AudioChannelConfiguration schemeIdUri="urn:mpeg:dash:23003:3:audio_channel_configuration:2011" value="2"/>
    <BaseURL>richoh1_0_1.mp4</BaseURL>
    <SegmentBase indexRangeExact="true" indexRange="855-1138">
      <Initialization range="0-854"/>
    </SegmentBase>
   </Representation>
  </AdaptationSet>
  <AdaptationSet segmentAlignment="true" maxWidth="854" maxHeight="428" maxFrameRate="30" par="2:1" lang="und" subsegmentAlignment="true" subsegmentStartsWithSAP="1">
   <Representation id="2" mimeType="video/mp4" codecs="avc1.64001f" width="854" height="428" frameRate="30" sar="428:427" startWithSAP="1" bandwidth="969630">
    <BaseURL>richoh1_0_2.mp4</BaseURL>
    <SegmentBase indexRangeExact="true" indexRange="941-1224">
      <Initialization range="0-940"/>
    </SegmentBase>
   </Representation>
   <Representation id="3" mimeType="video/mp4" codecs="avc1.64001e" width="640" height="322" frameRate="30" sar="161:160" startWithSAP="1" bandwidth="549938">
    <BaseURL>richoh1_0_3.mp4</BaseURL>
    <SegmentBase indexRangeExact="true" indexRange="941-1224">
      <Initialization range="0-940"/>
    </SegmentBase>
   </Representation>
   <Representation id="4" mimeType="video/mp4" codecs="avc1.64000d" width="426" height="214" frameRate="30" sar="214:213" startWithSAP="1" bandwidth="245251">
    <BaseURL>richoh1_0_4.mp4</BaseURL>
    <SegmentBase indexRangeExact="true" indexRange="941-1224">
      <Initialization range="0-940"/>
    </SegmentBase>
   </Representation>
  </AdaptationSet>
 </Period>
</MPD>


html

<!DOCTYPE html>
<html>
  <head>
    <title>VR View - video example</title>
    <meta name=viewport content="width=device-width, initial-scale=1">
    <meta charset="utf-8" />
    <link href="//fonts.googleapis.com/css?family=Lora|Open+Sans" rel="stylesheet" type="text/css">
    <link href="../style.css" rel="stylesheet" type="text/css">
    <style>
    </style>
  </head>

  <body>

    <h1>VR Test</h1>

    <!--<iframe frameborder="0" width="100%" scrolling="no" allowfullscreen src="vrview/index.html?video=/vrview/examples/video/congo_2048.mp4&is_stereo=true"></iframe>-->
    <iframe frameborder="0" width="100%" scrolling="no" allowfullscreen source src="vrview/index.html?video=http://testendpoint-testaccount.streaming.mediaservices.windows.net/fecebb23-46f6-490d-8b70-203e86b0df58/BigBuckBunny.ism/Manifest(format=mpd-time-csf)"></iframe>

  </body>

</html>

試したこと

ネットから拾ってきた以下の様な.mpdファイルは再生できることを確認済みです。
https://bitmovin-a.akamaihd.net/content/playhouse-vr/mpds/105560.mpd

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

HTMLソースは「video=」以降を動画ソースを置き換えてテストしています。
今書いてある動画もAzureのサイトにあった.mpdファイルのサンプルなのですが,これも同様再生できません。

  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

回答 1

checkベストアンサー

0

プレイヤー側では、拡張子で判定しているようです。
URLの最後に".mpd"をつけてみると再生できました。

<iframe frameborder="0" width="100%" height="100%" scrolling="no" allowfullscreen src="vrview/index.html?video=//gtk2kritto.streaming.mediaservices.windows.net/8d801e4e-8c81-4276-926e-81284df8dd05/sintel.ism/manifest(format=mpd-time-csf).mpd"></iframe>


デモページ
(デモページで使用しているのは360°動画ではなく普通の動画をソースにしていますので見苦しいですが再生できることを確認できます)

あと、HLS(.m3u8)のほうは解決しました?

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2017/01/31 14:30 編集

    .mpdを付加してみたのですが,loadエラーが発生してしまい,再生することができませんでした。
    発生している問題・エラーメッセージのところにエラー画面のキャプチャを添付いたしました。
    HLSの方はまだ回避策を試せておりません。。

    キャンセル

  • 2017/01/31 14:41

    .mdpファイルのURLを教えていただくことは可能ですか?

    キャンセル

  • 2017/01/31 14:49

    もちろんです。いくつかあります。
    http://meditatesttaito.streaming.mediaservices.windows.net/bd6d1290-74f2-44e4-9386-d1ebc8c3eea7/Sample1.ism/manifest(format=mpd-time-csf)

    http://testendpoint-testaccount.streaming.mediaservices.windows.net/fecebb23-46f6-490d-8b70-203e86b0df58/BigBuckBunny.ism/Manifest(format=mpd-time-csf)

    キャンセル

  • 2017/01/31 14:54

    testendpoint-testaccount.streaming.mediaservices.windows.net(BigBuckBunny)のほうは、エンドポイントが停止してませんか?meditatesttaito.streaming.mediaservices.windows.net(Sample1)のほうはmpdファイルにアクセスできました。

    キャンセル

  • 2017/01/31 14:59 編集

    meditatesttaito.streaming.mediaservices.windows.net/bd6d1290-74f2-44e4-9386-d1ebc8c3eea7/Sample1.ism/manifest(format=mpd-time-csf)
    をつかったものをデモに上げました。↓
    https://turbographics2000.github.io/google_vr_for_web_test/test2.html

    キャンセル

  • 2017/01/31 15:03

    あと、video=に設定するURLはhttpsなサイトだとhttp://~を設定するとMixed Contentになるため、https://~で設定するか//~(http: または https: 無しのURL)を設定してください。

    キャンセル

  • 2017/01/31 15:30 編集

    httpの指定のところが間違っていたということでしょうか?
    ちなみにですが,test2.htmlの中身を見ることは可能ですか?(無知で申し訳ございません。)
    turbgraphics200さんに掲載して頂いた<iframe>タグの中身全てを置き換えてもロードエラーが発生します。何か環境の問題があるのでしょうか。(追加でキャプチャを張りました。)

    キャンセル

  • 2017/01/31 15:32

    https://github.com/turbographics2000/google_vr_for_web_test/tree/master/docs
    こちらがソースとなります。

    キャンセル

  • 2017/01/31 15:59

    githubからクローンを落としてきてsample2.htmlをWindows Chromeブラウザで再生してみましたが,やはり再生できないようです。環境に問題あるのでしょうか。二枚目のエラー画面が今回のものですが,少しエラー文の中身が変わりました。

    キャンセル

  • 2017/01/31 16:02

    デモページでは再生できました?

    キャンセル

  • 2017/01/31 16:05

    デモページでは再生できました。

    キャンセル

  • 2017/01/31 16:08

    たぶん、ローカルで直接開いているからだと思います。URLがfile:///となっていると思いますが、これだと動画にアクセスできません。

    キャンセル

  • 2017/02/01 20:34

    解決しました!
    ありがとうございます!

    キャンセル

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 90.53%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

関連した質問

同じタグがついた質問を見る

  • HTML5

    4000questions

    HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

  • XML

    651questions

    XMLは仕様の1つで、マークアップ言語群を構築するために使われています。

  • Azure

    212questions

    Azureは、マイクロソフトのクラウド プラットフォームで、旧称は Windows Azureです。PaaSとIaaSを組み合わせることで、 コンピューティング・ストレージ・データ・ネットワーキング・アプリケーションなど多くの機能を持ちます。

  • iframe

    119questions

    HTMLのタグ<iframe>です。<iframe>は、ドキュメント内に""inline frame""を作るHTML要素で、同じページでセパレートしているドキュメントが表示されるようにします。

  • Three.js

    118questions

    Three.jsはWebGLをサポートしているJavaScriptの3D描画用ライブラリです。