Существует ли инструмент для воспроизведения видео на Smart TV на основе CE-HTML?

Я ищу инструмент видеоплеера (например, jwplayer), который я собираюсь использовать на страницах CE-HTML. Разработчики, работающие с приложениями Smart TV, обычно используют следующие простые и базовые коды при воспроизведении видео.

<?xml version="1.0" encoding="UTF-8"?>    
<!DOCTYPE html PUBLIC    
"-//W3C//DTD XHTML 1.0 Transitional//EN"    
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">    
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">    
<head>   
<meta http-equiv="content-type" content="application/ce-html+xml; charset=UTF-8"/>    
<title>Basic CE-HTML - Basic media object</title>    
<script type="text/javascript">    
<![CDATA[    
  function handlePlayButtons(e)    
  {    
  switch (e.keyCode)    
  {    
     case VK_PLAY:   
        video.play(1);    
        break;    
     case VK_STOP:    
        video.stop();    
        break;    
     case VK_PAUSE:    
        video.play(0);    
        break;   
  }   
  }             
  // check the current playstate of the mediaobject    
  function checkPlayState()    
  {    
  switch (video.playState)    
  {    
    case 5: // finished    
       endOfFile();    
           break;    
     case 0: // stopped    
     case 6: // error    
     case 1: // playing    
     case 2: // paused    
     case 3: // connecting    
     case 4: // buffering    
     default:    
       // do nothing    
        break;    
  }
  }             
  // called when the end of file is reached    
  function endOfFile()    
   {    
     // repeat    
     video.play(1);    
   }              
   document.onkeydown=handlePlayButtons    
]]>    
</script>    
<![CDATA[    
The video is started using the play button.    
]]>    
</head>    
<body style="margin:0px;overflow:hidden;" onload="video.data='/click.mp4';video.play(1); video.onPlayStateChange=checkPlayState;">

<div id="mediaobject" style="position:absolute;left:0px;top:0px; width:640px;height:480px;">             
</div>    
</body>    
</html>

Существует ли инструмент для воспроизведения видео на Smart TV на основе CE-HTML?

Источник

1 ответ

Решение

Конечно, вы можете использовать JWPplayer! Дополнительный бонус с JWPlayer заключается в том, что если вы покупаете версию Pro, вы можете отключить щелчок правой кнопкой мыши внутри области видео, что может быть полезно, если вы создаете приложение SmartTV, которое включает в себя интеграцию с мышью, и оно разрывается на неаффилированном всплывающем окне.

  1. Зарегистрируйте учетную запись API на веб-сайте Jwplayer
  2. Получить JS
  3. Поместите JS в структуру папок вашего приложения. Возможно, в той же папке вашего main.js файл
  4. Создать div в вашем index.html названный videoPlayerBox, игрок будет загружен в этот div.

  5. Инициализируйте игрока, вызвав эту функцию:

    function displayVideoPlayer(url) {
jwplayer('videoPlayerBox').setup({
    file: url,
    width: '960',
    height: '540',
    events:{
    onComplete: function() {
        jwplayer().playNextVideo();
        }
    }
});

  6. Затем, чтобы играть, остановите паузу игрока, которого вы можете просто сделать: jwplayer.stop(), jwplayer.play() и так далее...

Источник
Другие вопросы по тегам