Есть ли стандарт использования проигрывателя мультимедиа Azure?

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

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

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

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

Другой метод (найден здесь) использует тег <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> и превратить его в проигрыватель мультимедиа Azure, но со мной этого не происходит.

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


azure azure-media-services
person Jason    schedule 22.05.2015    source источник

Ответы (1)


arrow_upward
2
arrow_downward

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

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

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

1. Что вы видите по проблеме 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. Можете ли вы просмотреть образцы, представленные в документации? Вот список образцов, и, в частности, вам следует взглянуть на основные образец видеотега. Вам нужно будет убедиться, что источник добавлен в тег видео, чтобы автоопределение работало. Если ты все еще

Если у вас по-прежнему возникают проблемы, обратитесь по адресу [email protected].

person Amit Rajput    schedule 22.05.2015
comment
Спасибо. Главный вопрос касался подхода iframe vs video с точки зрения стандартизации. Ни один из моих коллег не заметил проблемы iframe, которую я видел, и она работала во всех других средах, в которых мы тестировали. Я думаю, мне нужно заменить этот код на тег video, верно? - person Jason; 25.05.2015
comment
Получил работу тега видео. У меня были проблемы, потому что мой плеер был в модальном режиме начальной загрузки без главной страницы, а js / css находился на моей главной странице. Спасибо! - person Jason; 25.05.2015