Воспроизведение видео из VK Видео: различия между версиями

Материал из SmartPlayer
Нет описания правки
 
(не показано 12 промежуточных версий этого же участника)
Строка 1: Строка 1:
<languages/>
<translate>
<!--T:1-->
== '''Описание ситуации''' ==
== '''Описание ситуации''' ==
Очередным шагом развития платформы SmartPlayer стала возможность воспроизводить видео из VK Видео. Ниже будет описано, как работать с данным функционалом.
Очередным шагом развития платформы SmartPlayer стала возможность воспроизводить контент из «VK Видео». Ниже будет описано, как работать с данным функционалом.
== '''Предварительные настройки''' ==
== '''Предварительные настройки''' ==
Для начала пользователю необходимо авторизоваться на платформе [https://vkvideo.ru VK Видео] и выбрать нужное ему видео.  
Для начала пользователю необходимо авторизоваться на платформе [https://vkvideo.ru VK Видео] и выбрать нужное видео.  
[[File:Авторизация_вк_видео.png|thumb|center| Пример отображения платформы VK Видео |800px]]
[[File:Авторизация_вк_видео.png|thumb|center| Пример отображения платформы VK Видео |800px]]
Далее пользователь должен найти кнопку «Поделиться» и нажать на нее. Откроется модальное окно с вариантами для отправки ссылки:
Далее пользователь должен найти кнопку «Поделиться» и нажать на нее. Откроется модальное окно с вариантами для отправки ссылки:
Строка 10: Строка 13:
# Встроить (является нужным вариантом).
# Встроить (является нужным вариантом).
[[File:Поделится_вк_видео.png|thumb|center| Пример отображения кнопки модального окна|800px]]
[[File:Поделится_вк_видео.png|thumb|center| Пример отображения кнопки модального окна|800px]]
После нажатия на вариант «Встроить» пользователю откроется еще одно модальное окно. В этом окне ему нужно обратить внимание на два параметра:
После нажатия на вариант «Встроить» пользователю откроется еще одно модальное окно. В этом окне ему нужно обратить внимание на следующие элементы:
* предложенную ссылку.
* размер видео (настраивается с помощью выбора варианта из списка разрешений);
* размер видео (настраивается с помощью выбора варианта из списка разрешений);
* чекбокс (галочка) автостарт (должен быть активирован).
* чекбокс (галочка) автостарт (должен быть активирован).
[[File:Параметры_копирования_ссылк.png|thumb|center| Пример отображения модального окна с параметрами|800px]]
[[File:Нужные_параметры вставки.png|thumb|center| Пример отображения модального окна с параметрами|800px]]
Далее пользователю необходимо скопировать ссылку из поля под названием «Используйте запасной код». Данное поле является вторым сверху.
Далее пользователю необходимо скопировать ссылку из поля нажав на иконку.
[[File:Использование_ссылки.png|thumb|center| Пример отображения ссылки из поля «Используйте запасной код»|800px]]
== '''Взаимодействие со ссылкой''' ==
Действия по подготовке ссылки окончены. Остальные манипуляции с необходимо ссылкой проводятся на уровне личного кабинета SmartPlayer.
Как только пользователь скопирует, она будет в буфер обмена. В текущем варианте скопированная ссылка не подходит для добавления и воспроизведения в качестве контента на платформе. Поэтому пользователю необходимо вставить эту ссылку в любой текстовый редактор (Блокнот, Microsoft Word, Notepad ++) и обрезать её. Ниже будет приведено два примера ссылки — исходный скопированный вариант и переработанный (корректный), который можно добавлять в качестве контента.<br>
Исходная ссылка: <br>
''<iframe src="https://vkvideo.ru/video_ext.php?oid=-110693088&id=456241955&hash=f99ce7b79d2923cf&hd=4" width="1920" height="1080" allow="autoplay; encrypted-media; fullscreen; picture-in-picture; screen-wake-lock;" frameborder="0" allowfullscreen></iframe>''<br>
Корректный вариант:<br>
''https://vkvideo.ru/video_ext.php?oid=-110693088&id=456241955&hash=f99ce7b79d2923cf''
[[File:Примеры_ссылки.png|thumb|center| Пример отображения исходной и корректной ссылки|800px]]
== '''Алгоритм действия''' ==
== '''Алгоритм действия''' ==
Для начала пользователь должен зарегистрироваться/авторизоваться в личном кабинете SmartPlayer.<br>
Для начала пользователь должен зарегистрироваться/авторизоваться в личном кабинете SmartPlayer.<br>
Следующим шагом перейти в раздел «Контент» и найти категорию «Ссылки».
Следующим шагом перейти в раздел «Контент» и найти категорию «Ссылки».
[[File:КОнтент-ссылка.png|thumb|center| Пример отображения вкладки «Контент» и типа контента «Ссылка» |800px]]
[[File:КОнтент-ссылка.png|thumb|center| Пример отображения вкладки «Контент» и типа контента «Ссылка» |800px]]
После вставить нажать на кнопку «Добавить ссылку» и добавить полученную ссылку в VK Видео. Предварительно ссылку необходимо укоротить убрав из неё лишние данные. Необходимо удалить следующие части URL-адреса ссылки:
Затем нажать на кнопку «Добавить ссылку» и добавить полученную ссылку в VK Видео. Предварительно ссылку необходимо укоротить убрав из неё лишние данные. Необходимо удалить следующие части URL-адреса ссылки:
# Сделать так чтобы начало ссылки был не "iframe", а часть "https".
# Сделать так, чтобы начало ссылки был не "iframe", а "https".
# Убрать весь текст после части - "autoplay = 1"  
# Убрать весь текст после параметра "autoplay = 1"  
Результат должен получиться как на примере ниже
Результат должен получиться как на скриншоте ниже:
[[File:Обрезанная_ссылка.png|thumb|center| Пример отображения кнопки «Добавить ссылку» |800px]]
[[File:Обрезанная_ссылка.png|thumb|center| Пример отображения кнопки «Добавить ссылку» |800px]]
Нажать на кнопку «Сохранить» и использовать готовый контент в трансляции.
Нажать на кнопку «Сохранить» и использовать готовый контент в трансляции.
 
== '''Поддерживаемы платформы''' ==
Данный тип контента поддерживается следующими клиентскими приложениями SmartPlayer:
* Tizen.
* WebOS.
* Windows.
* Linux.
* Raspberry.
* Android.
{{Note|Версии клиентских приложений обозначенных в списке выше рекомендуется уточнять у специалистов технической поддержки.|warn}}
== '''Интеграция в трансляцию''' ==
== '''Интеграция в трансляцию''' ==
Чтобы полностью ознакомиться с работой данного виджета пользователю необходимо запустить трансляцию с расписанием и добавить в качестве контента настроенный ранее виджет. Для взаимодействия с описанными ранее шагами рекомендуется изучить следующие статьи из Wikipedia:
Чтобы полностью ознакомиться с работой данного функционала, пользователю необходимо создать трансляцию с зоной для проигрывания. Для этого  рекомендуется изучить следующие статьи из Wikipedia:
* [[Раздел "Устройства"]]
* [[Раздел "Устройства"]]
* [[Раздел "Контент на устройства"]]
* [[Раздел "Контент на устройства"]]
Строка 35: Строка 52:
* [[Раздел "Расписание"]]
* [[Раздел "Расписание"]]
== '''Видеоинструкция''' ==  
== '''Видеоинструкция''' ==  
[https://vk.com/video-227547238_456239088 Воспроизведение стримов из VK Видео]
[https://vk.com/video-227547238_456239089 Воспроизведение видео из VK Видео]
== '''Дополнительная информация''' ==
== '''Дополнительная информация''' ==
Если данная статья не помогает использовать функционал по назначению или после ее прочтения остаются вопросы можно, их задать в разделе "Обсуждения" вверху страницы.
Если данная статья не помогает использовать функционал по назначению или после ее прочтения остаются вопросы, их можно задать в разделе "Обсуждения" вверху страницы.
[[File:Обсуждение_стримов_ВК.png|thumb|center| Пример отображения вкладки "Обсуждения" на wiki-странице |800px]]
[[File:Обсуждение_вк_видео.png|thumb|center| Пример отображения вкладки "Обсуждения" на wiki-странице |800px]]
Также дополнительную информацию можно узнать на странице [[Как взаимодействовать пользователю с разделом "Обсуждения"]]
Также дополнительную информацию можно узнать на странице [[Как взаимодействовать пользователю с разделом "Обсуждения"]]
</translate>

Текущая версия от 17:49, 10 июня 2026

Описание ситуации

Очередным шагом развития платформы SmartPlayer стала возможность воспроизводить контент из «VK Видео». Ниже будет описано, как работать с данным функционалом.

Предварительные настройки

Для начала пользователю необходимо авторизоваться на платформе VK Видео и выбрать нужное видео.

Пример отображения платформы VK Видео

Далее пользователь должен найти кнопку «Поделиться» и нажать на нее. Откроется модальное окно с вариантами для отправки ссылки:

  1. Telegram.
  2. Whats App.
  3. VK.
  4. Встроить (является нужным вариантом).
Пример отображения кнопки модального окна

После нажатия на вариант «Встроить» пользователю откроется еще одно модальное окно. В этом окне ему нужно обратить внимание на следующие элементы:

  • предложенную ссылку.
  • размер видео (настраивается с помощью выбора варианта из списка разрешений);
  • чекбокс (галочка) автостарт (должен быть активирован).
Пример отображения модального окна с параметрами

Далее пользователю необходимо скопировать ссылку из поля нажав на иконку.

Взаимодействие со ссылкой

Как только пользователь скопирует, она будет в буфер обмена. В текущем варианте скопированная ссылка не подходит для добавления и воспроизведения в качестве контента на платформе. Поэтому пользователю необходимо вставить эту ссылку в любой текстовый редактор (Блокнот, Microsoft Word, Notepad ++) и обрезать её. Ниже будет приведено два примера ссылки — исходный скопированный вариант и переработанный (корректный), который можно добавлять в качестве контента.
Исходная ссылка:
<iframe src="https://vkvideo.ru/video_ext.php?oid=-110693088&id=456241955&hash=f99ce7b79d2923cf&hd=4" width="1920" height="1080" allow="autoplay; encrypted-media; fullscreen; picture-in-picture; screen-wake-lock;" frameborder="0" allowfullscreen></iframe>
Корректный вариант:
https://vkvideo.ru/video_ext.php?oid=-110693088&id=456241955&hash=f99ce7b79d2923cf

Пример отображения исходной и корректной ссылки

Алгоритм действия

Для начала пользователь должен зарегистрироваться/авторизоваться в личном кабинете SmartPlayer.
Следующим шагом перейти в раздел «Контент» и найти категорию «Ссылки».

Пример отображения вкладки «Контент» и типа контента «Ссылка»

Затем нажать на кнопку «Добавить ссылку» и добавить полученную ссылку в VK Видео. Предварительно ссылку необходимо укоротить убрав из неё лишние данные. Необходимо удалить следующие части URL-адреса ссылки:

  1. Сделать так, чтобы начало ссылки был не "iframe", а "https".
  2. Убрать весь текст после параметра "autoplay = 1"

Результат должен получиться как на скриншоте ниже:

Пример отображения кнопки «Добавить ссылку»

Нажать на кнопку «Сохранить» и использовать готовый контент в трансляции.

Поддерживаемы платформы

Данный тип контента поддерживается следующими клиентскими приложениями SmartPlayer:

  • Tizen.
  • WebOS.
  • Windows.
  • Linux.
  • Raspberry.
  • Android.
Версии клиентских приложений обозначенных в списке выше рекомендуется уточнять у специалистов технической поддержки.

Интеграция в трансляцию

Чтобы полностью ознакомиться с работой данного функционала, пользователю необходимо создать трансляцию с зоной для проигрывания. Для этого рекомендуется изучить следующие статьи из Wikipedia:

Видеоинструкция

Воспроизведение видео из VK Видео

Дополнительная информация

Если данная статья не помогает использовать функционал по назначению или после ее прочтения остаются вопросы, их можно задать в разделе "Обсуждения" вверху страницы.

Пример отображения вкладки "Обсуждения" на wiki-странице

Также дополнительную информацию можно узнать на странице Как взаимодействовать пользователю с разделом "Обсуждения"