2014-02-05 7 views
0

У меня возникали проблемы с адаптивной HLS, работающей в новом публичном выпуске Google Cast SDK (который я сэкономлю для другого вопроса), чтобы проверить работоспособность я хотел вернуться к прогрессивному MP4, который отлично работал в версии предварительного просмотра разработчика SDK.Chromecast прогрессивное воспроизведение MP4, масштабируемое, чтобы обрезать видео, показывает полосы прокрутки

Видео воспроизводится, однако есть проблема, он увеличен и полосы прокрутки отображаются на экране.

Вот часть моего кода отправителя Chrome, который создает экземпляр MediaInfo:

var mediaInfo = new chrome.cast.media.MediaInfo('http://url_to_progressive_mp4.mp4'); 
mediaInfo.contentType = 'video/mp4'; 
mediaInfo.streamType = chrome.cast.media.StreamType.BUFFERED; 
mediaInfo.duration = 1732; 

http://url_to_progressive_mp4.mp4 является подписанный URL на CloudFront, я могу открыть его в Chrome (браузер), VLC, и т.д. также отлично работал в предварительном выпуске разработчика SDK.

Мой приемник представляет собой пользовательский приемник и является такой же, как например, в документации:

<html> 
<head> 
    <title>Cast</title> 
    <script src="//www.gstatic.com/cast/sdk/libs/receiver/2.0.0/cast_receiver.js"></script> 
</head> 
<body> 
    <video id='media'/> 
    <script> 
    window.onload = function() { 
     window.mediaElement = document.getElementById('media'); 
     window.mediaManager = new cast.receiver.MediaManager(window.mediaElement); 
     window.castReceiverManager = cast.receiver.CastReceiverManager.getInstance(); 
     window.castReceiverManager.start(); 
    } 
    </script> 
</body> 

Я не могу понять, почему он будет делать это, и я хочу, чтобы получить MP4 работает снова, прежде чем продолжить работу с HLS.

ответ

0

В ролях команда заявляет следующее в receiver.html из приложения simple receiver образца на своей странице Github:

We find that having everything fit in the HTML boxes tends to look nicer on TV 
so, we also set overflow: hidden, which clips all flowing outside of boxes or 
adding of scrollbars, which aren't useful on TV. 
--> 
<style type="text/css"> 
    @import url(http://fonts.googleapis.com/css?family=Droid+Serif:400,700); 
    body { 
    font-family: "Droid Serif", serif; 
    color: #444; 
    line-height: 150%; 
    border: 0px; 
    margin: 0px; 
    width: 100%; 
    height: 100%; 
    overflow: hidden !important; 
    } 
    video { 
    width: 100%; 
    height: 100%; 
    margin: auto auto; 
    overflow: hidden !important; 
    } 
</style> 
0

Я установил ее, изменив тег видео в моем приемнике к следующему:

<video id='media' width="100%" height="auto" />

Они должны обновить свои документы и изменить пример на странице приемника клиента: https://developers.google.com/cast/docs/custom_receiver

It похоже, по умолчанию скрипт в SDK изменяет его размер до 350 пикселей в ширину.

 Смежные вопросы

  • Нет связанных вопросов^_^