Есть ли стандарт для использования Azure Media Player?

Question

Я искал Azure Media Services, и мне удалось создать программу, которая копирует мой видеоролик из моего хранилища веб-сайтов в мою учетную запись хранилища мультимедийных данных и создает из него файл активов/активов. Тогда у меня есть кодировка для адаптивной потоковой передачи.

Проблема, с которой я столкнулся, - это воспроизведение. Я хочу использовать Azure Media Player, поскольку он показывает большие перспективы в обнаружении среды и предоставлении правильно закодированного видео для потоковой передачи.

Когда я использую подход iframe (found here), он работает, но я чувствую, что теряю способность настраивать - также он ломается в Safari на Mac.

<iframe class="video-preview" src="//aka.ms/azuremediaplayeriframe?url=[MANIFEST URL HERE]&autoplay=false" name="azuremediaplayer" allowfullscreen></iframe> 

Другой метод (found here) использует <video> тег вместе с CSS & JS файлы положить в заголовке.

код заголовка:

<link href="//amp.azure.net/libs/amp/1.1.0/skins/amp-default/azuremediaplayer.min.css" rel="stylesheet"> 
    <script src="//amp.azure.net/libs/amp/1.1.0/azuremediaplayer.min.js"></script> 
    <script> 
     amp.options.flashSS.swf = "//amp.azure.net/libs/amp/1.1.0/techs/StrobeMediaPlayback.2.0.swf" 
     amp.options.flashSS.plugin = "//amp.azure.net/libs/amp/1.1.0/techs/MSAdaptiveStreamingPlugin-osmf2.0.swf" 
     amp.options.silverlightSS.xap = "//amp.azure.net/libs/amp/1.1.0/techs/SmoothStreamingPlayer.xap" 
    </script> 

Код видео:

<video id="azuremediaplayer" class="azuremediaplayer amp-default-skin amp-big-play-centered video-preview" controls data-setup='{"nativeControlsForTouch": false}'> 
     <source src="[MANIFEST URL HERE]" 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> 
</video> 

Атрибут <data-setup> должен активировать <video> тег и превратить его в Media Player Azure, но это не происходит для меня.

Итак, мой вопрос: какой метод является предпочтительным/стандартным? Я знаю, что это трудно поддаться, поскольку он все еще очень молод и всегда меняется, но просто хотел увидеть, что пережили все остальные.

Answer 1

Подход iframe, который находится на demo website, в настоящее время является доказательством концепции (см. Предупреждение на странице «Примечание: этот код для встраивания предназначен только для демонстрационных целей. Не использовать в производстве»). Он предназначен для того, чтобы показать, что игрок может работать в iframe. Это будет расширяться со временем, но гибкость iframe в настоящее время ограничена тем, как вы хотите создавать параметры.

В общем, подход, который вы принимаете, зависит от того, чего вы пытаетесь достичь (что в зависимости от требуемого уровня гибкости). В общем, текущий рекомендуемый подход заключается в использовании метода JS и CSS непосредственно на вашей странице.

Теперь, если у вас есть проблемы, было бы прекрасно понять, что вы видите.

1.For вопрос iframe на Safari на Mac, что вы видите? Я просто попытался следующие на OS X Yosemite и Safari, и это, кажется, работает нормально

<iframe src="//aka.ms/azuremediaplayeriframe?url=%2F%2Famssamples.streaming.mediaservices.windows.net%2F91492735-c523-432b-ba01-faba6c2206a2%2FAzureMediaServicesPromo.ism%2Fmanifest&autoplay=false" name="azuremediaplayer" scrolling="no" frameborder="no" align="center" height="280px" width="500px" allowfullscreen></iframe> 

2. Вы сможете просмотреть образцы, представленные в documentation? Вот список samples и, в частности, вы должны посмотреть на основные videotag sample. Вам нужно будет убедиться, что источник добавлен в тег видео для автоматического обнаружения для работы. Если вы все еще

Если вы все еще возникают проблемы, обратитесь к ampinfo@microsoft.com