Мобильная платформа 1С, отображение потокового видео на iPhone
Добрый день. Может быть кто-то сталкивался.
Делаю отображение веб камер поток webRTC, требуется отобразить кнопку рядом с видео, при нажатии открывается шлагбаум (отправляется команда через средства интеграции со СКУД)
Возникла проблема на iPhone - видео проигрывается встроенным браузером Safari, но при нажатии play - автоматически переходит в полноэкранный режим, соответственно все интерактивные элементы становятся не доступны, при сворачивании видео - видео останавливается. Нужно чтобы видео проигрывалось в окне.
Пробовала варианты:
1. убирать тег allowfullscreen
2. добавлять &playsinline=1, но это не дало результата. (ссылка )
3. добавлять ссылку сверху видео, но на iphone он так же открывает полноэкранный режим и ссылка пропадает. (по образцу отсюда
4. Через скрипты отправлять команду выход из полноэкранного режима Document.cancelFullScreen(), но тоже не получилось, пример тут
По результатам раскопок по форумам, пришла к выводу, что через HTML эту задачу не решить, т.к. это заблокировано политикой Apple и возможно только имея нативный код, как указано в примере (
НО, можем ли мы это сделать используя мобильную платформу?
Может быть помогут какие-то внешние компоненты?
Может быть кто-то пробовал отображение потокового видео через flash и там это работает?
Вообщем, буду рада любой идее по теме, т.к. я в тупике.
Текст HTML страницы для теста (ссылка на камеру не моя, а одна из общедоступных)
<ht ml lang="ru">
<head> <met a charset="utf-8"><met a name="viewport" content="width=device-width"></head>
<body>
<div class="iv-embed" style="margin:0 auto;padding:0;border:0;">
<div class="iv-v" style="display:block;margin:0;padding:1px;border:0;background:#000;">
<ifr ame class="iv-i" style="display:block;margin:0;padding:0;border:0;"
src="http://glaz.inetvl.ru/embed/v2/?server=100-99e44525efa8424256000a72b5de0aba&camera=0&width=&height=&lan
</div>
</div>
</body>
</html>
P.S. на Андроид все работает как надо, видео открывается в окне, кнопки доступны. Но высшее руководство все на Apple..
Делаю отображение веб камер поток webRTC, требуется отобразить кнопку рядом с видео, при нажатии открывается шлагбаум (отправляется команда через средства интеграции со СКУД)
Возникла проблема на iPhone - видео проигрывается встроенным браузером Safari, но при нажатии play - автоматически переходит в полноэкранный режим, соответственно все интерактивные элементы становятся не доступны, при сворачивании видео - видео останавливается. Нужно чтобы видео проигрывалось в окне.
Пробовала варианты:
1. убирать тег allowfullscreen
2. добавлять &playsinline=1, но это не дало результата. (ссылка )
3. добавлять ссылку сверху видео, но на iphone он так же открывает полноэкранный режим и ссылка пропадает. (по образцу отсюда
4. Через скрипты отправлять команду выход из полноэкранного режима Document.cancelFullScreen(), но тоже не получилось, пример тут
По результатам раскопок по форумам, пришла к выводу, что через HTML эту задачу не решить, т.к. это заблокировано политикой Apple и возможно только имея нативный код, как указано в примере (
НО, можем ли мы это сделать используя мобильную платформу?
Может быть помогут какие-то внешние компоненты?
Может быть кто-то пробовал отображение потокового видео через flash и там это работает?
Вообщем, буду рада любой идее по теме, т.к. я в тупике.
Текст HTML страницы для теста (ссылка на камеру не моя, а одна из общедоступных)
<ht ml lang="ru">
<head> <met a charset="utf-8"><met a name="viewport" content="width=device-width"></head>
<body>
<div class="iv-embed" style="margin:0 auto;padding:0;border:0;">
<div class="iv-v" style="display:block;margin:0;padding:1px;border:0;background:#000;">
<ifr ame class="iv-i" style="display:block;margin:0;padding:0;border:0;"
src="http://glaz.inetvl.ru/embed/v2/?server=100-99e44525efa8424256000a72b5de0aba&camera=0&width=&height=&lan
</div>
</div>
</body>
</html>
P.S. на Андроид все работает как надо, видео открывается в окне, кнопки доступны. Но высшее руководство все на Apple..
Ответы
Подписаться на ответы
Инфостарт бот
Сортировка:
Древо развёрнутое
Свернуть все
(2) Поискала, нашла пример , но тут отображение в теге <Video>, а он не поддерживает потоковое видео реал-тайм.
а для iframe - этот вариант не работает.
- статья на хабре, там указано, что режим картинка в картинке пока работает только с тегом <Video>
но спасибо за попытку.
а для iframe - этот вариант не работает.
- статья на хабре, там указано, что режим картинка в картинке пока работает только с тегом <Video>
но спасибо за попытку.
Для получения уведомлений об ответах подключите телеграм бот:
Инфостарт бот