ИнформАрхив QSP
22.7. Как вставить видео в игру на Навигаторе?
Эта статья устарела. Новый плеер с поддержкой HTML - qSpider
В: Как вставить видео в игру на Навигаторе?
О:
ВНИМАНИЕ!!! Перед прочтением нижеследующего текста рекомендуется ознакомиться с разделами 22.1. Шаблоны оформления для игр и "22.8. Stand-Alone сборка на Навигаторе".
ВНИМАНИЕ!!! Видео формата mp4
не воспроизводятся в Навигаторе!
Изначально заявлено, что Quest Navigator умеет воспроизводить видео, как обычный браузер (как это делается в браузере можно прочитать на сайте htmlbook.ru).
Мы ожидаем, что вставка видео в игру мало чем будет отличаться от вставки изображений, поэтому, чтобы вставить видео в свою игру, мы пытаемся сделать следующее:
- Положить видеофайл в папку с игрой, или во вложенную папку.
- Прописать в игре контейнер для видео с помощью тегов
<video>
и<source>
.
В первую очередь давайте рассмотрим второй пункт, ведь именно теги <video>
и <source>
выводят видео в нашей игре.
Тег <video>
по сути представляет собой контейнер, внутри которого перечисляются источники, из которых браузер (а в нашем случае плеер) будет подгружать видеофайл. В общем виде в Quest Navigator видео в игру мы вставляем так:
*p "<video autoplay loop width='500px'>"
! указываем источники видео, то есть пути к файлам в тегах SOURCE
*p "<source src='video/GeneveDrive.ogg' type='video/ogg;'>"
*p "<source src='video/GeneveDrive.webm' type='video/webm;'>"
! закрываем контейнер VIDEO
*pl "</video>"
Мы указываем несколько источников на случай, если один не будет воспроизводиться. Однако, это не обязательно. Quest Navigator прекрасно воспроизводит webM, поэтому достаточно использовать только один файл видео формата webM и только один источник соответственно в коде HTML.
Вот вроде бы и всё. В тегах <source>
прописаны относительные пути, согласно первому пункту мы кладём в папку с игрой папку "video", в неё помещаем наши видеофайлы и ожидаем, что Quest Navigator будет эти видеофайлы воспроизводить. Однако данный способ не сработает. Вместо непосредственно видео мы увидим чёрный прямоугольник и (возможно) кнопки управления.
К сожалению, нам недостаточно просто положить видео в папку с игрой, Quest Navigator не будет его воспроизводить.
Мы можем указать абсолютный путь к видео, и тогда видео появится в Quest Navigator:
*p "<source src='D:/QSPgames/myCoolGame/video/GeneveDrive.webm' type='video/webm;'>"
*pl "</video>"
Однако этот вариант нам не подходит, ведь у каждого игрока игра будет лежать в разных местах на компьютере. Нам нужен вариант, когда мы можем свободно раздавать копии игры, не заботясь о путях. И к сожалению, это возможно только если мы будем распространять нашу игру в виде Standalone-сборки.
Тогда, поскольку наша игра будет располагаться относительно плеера по пути "assets\standalone_content\start.qsp", мы сможем размещать в папке "standalone_content" или во вложенных в неё папках наши видео и вызывать их из игры, когда захотим, используя относительные пути:
*p "<source src='video/GeneveDrive.webm' type='video/webm;'>"
*pl "</video>"
Подробнее о том, как создавать Standalone-сборки игры для Quest Navigator читайте в разделе "22.8. Как делать standalone-сборку на Навигаторе?".