Как открывать файлы мультимедиа из сети (HTML)

Статья
02/16/2016

[ Эта статья адресована разработчикам приложений среды выполнения Windows для Windows 8.x и Windows Phone 8.x. В случае разработки приложений для Windows 10 см. раздел последняя документация]

Установите файл мультимедиа в сети в качестве источника мультимедиа для элемента audio или video.

Необходимые условия

Для работы с этим разделом вам нужно уметь создавать простые приложения среды выполнения Windows на JavaScript. Подробнее о создании первого приложения: Create your first Windows Runtime app using JavaScript.

В этом разделе предполагается, что вы знакомы с элементами HTML audio и video. Для знакомства с элементами audio и video см. раздел Краткое руководство. Воспроизведение видео в приложении.

Инструкции

Этап 1: Введение

Элементы audio и video воспроизводят звук и изображение мультимедиа в приложении среды выполнения Windows на JavaScript. Свойство src задает файл мультимедиа для воспроизведения. Этот файл может находиться в сети или локальной системе, а также может входить в состав приложения.

В случае файлов, находящихся в сети или входящих в состав приложения, достаточно задать в качестве значения свойства src путь к файлу.

Чтобы открыть файлы в локальной системе или из Microsoft OneDrive, можно использовать объект FileOpenPicker для получения файла. Подробнее: Открытие локального файла мультимедиа с помощью элемента управления FileOpenPicker.

В этом разделе мы рассмотрим задание файла мультимедиа, находящегося в сети или встроенного в приложение, в качестве src.

Подробнее о мультимедийных аудио- и видеоформатах, поддерживаемых в приложении Магазина Windows: Поддерживаемые аудио- и видеоформаты.

Этап 2: Возможности

Если файлы берутся из Интернета, то необходимо задать характеристики Internet (Client) в файле Package.appmanifest проекта. Подробнее: Объявления возможностей приложения.

Этап 3: Задание файла в сети как источника в HTML

Ниже приводится код, в котором выполняется попытка задания свойства src элемента video.

<body>
  <video id="mediaVideo" src="https://www.contoso.com/clip.mp4" controls/>
</body>

Этап 4: Задание источника в JavaScript

    var media = document.getElementById("mediaVideo");
    media.src = "https://www.contoso.com/clip2.mp4";

Связанные разделы

Открытие локальных файлов мультимедиа с помощью элемента управления FileOpenPicker

Поделиться через