Мы создаем приложение для iOS (iPad) с PhoneGap и плагином OpenTok phonegap. Однако у нас возникла проблема со стилем. Фактический видеоконтент не охватывает всю ширину элемента объекта, созданного с помощью платформы opentok. Мы передаем в opentok явные параметры размера для видео, но у нас все еще есть эта проблема.
Любая помощь приветствуется!
Я не могу воспроизвести вашу ошибку, на моем устройстве iOS с плагином PhoneGap все работает так, как должно быть.
Вот мой код javascript (в coffeescript):
session = ""
publisher = ""
subscribeToStreams = (streams)->
for e in streams
if (e.connection.connectionId == session.connection.connectionId)
return
div = document.createElement('div')
div.setAttribute('id', 'stream' + e.streamId)
div.setAttribute('class', "streamElement")
document.body.appendChild( div )
session.subscribe(e, div.id, {width: 640, height:480})
window.OTGroupChat = (apiKey, sessionId, token) ->
publisher = TB.initPublisher(apiKey, "myPublisherDiv", {width: 320, height: 240})
session = TB.initSession(sessionId)
session.addEventListener 'sessionConnected', (event) ->
session.publish( publisher )
subscribeToStreams( event.streams )
session.addEventListener 'streamCreated', (event) ->
subscribeToStreams( event.streams )
session.connect( apiKey, token )
Результат: представление издателя отображается в разрешении 320 x 240, как и ожидалось, а подписанные потоки отображаются в разрешении 640 x 480, как указано.
Затем я изменил высоту подписанного потока, введя прямо в консоль:
$("object:last").height(100);
TB.updateViews();
Поток подписчиков послушно увеличился до новой высоты.
Затем я проверил, меньше ли фактический видеоконтент, чем ширина элемента объекта, установив цвет фона элемента объекта на розовый. Розовый цвет не отображался, поэтому фактическое видео OpenTok либо больше, либо равно размерам элемента объекта. Когда я присвоил объектному элементу розовую рамку размером 1, вокруг видео появился розовый контур толщиной 1 пиксель, показывающий, что объектный элемент наверняка имеет тот же размер, что и видео.
Если я вас неправильно понял, и вы имели в виду черные полосы по обеим сторонам видео, я боюсь, что это способ OpenTok сохранить соотношение сторон, и пользователи, пытающиеся передать портретное изображение со своего устройства iOS, часто будут сталкиваться с задними полосами вокруг своего видео. .
