接收方应用如何在 Chrome-cast 中接收来自发送方应用的网址

我的问题很简单。

当我们从发件人应用程序中选择媒体的任何 url，然后单击正在播放视频的投射图标时。众所周知，chrome-cast支持HTML5 <video> tag需要任何URI才能播放视频。因此，当我们从发件人应用程序中选择任何URL时，<video>将其作为src属性获取并播放它。

<html>
  <script src="https://www.gstatic.com/cast/js/receiver/1.0/cast_receiver.js">
  </script>
  <script type="text/javascript">
    cast.receiver.logger.setLevelValue(0);
    // Initialize and start the media playing receiver
    var receiver = new cast.receiver.Receiver(
        'YOUR_APP_ID_HERE', 
        [cast.receiver.RemoteMedia.NAMESPACE],
        "",
        5);
    var remoteMedia = new cast.receiver.RemoteMedia();
    remoteMedia.addChannelFactory(
        receiver.createChannelFactory(cast.receiver.RemoteMedia.NAMESPACE));
    receiver.start();
    window.addEventListener('load', function() {
      var elem = document.getElementById('vid');
      remoteMedia.setMediaElement(elem);
      var checkStatus = function() {
        var status = document.getElementById('status');
        var st = remoteMedia.getStatus()['state'];
        if( st == 0 || remoteMedia.getStatus()['current_time'] == 0 ) {
            status.style.display = 'block';
        }
        else {
            if( st == 1 && remoteMedia.getStatus()['current_time'] > 0 ) {
                status.innerHTML = 'Paused...';
                status.style.display = 'block';
            }
            else {
                status.innerHTML = remoteMedia.getStatus()['current_time'];
                status.style.display = 'none';
                elem.style.display = 'block';
            }
        }
      }
      setInterval(checkStatus, 1000);
    });
  </script>
  <title>Media Player App</title>
  <body>
    <video id="vid"
           style="position:absolute;top:0;left:0;height:100%;width:100%">
    <div id="status" style="display:none; font-size:300%; position:absolute;top:40%;left:40%;">
      <img src="/images/chrome_loading.gif" width="60%">
    </div>
  </body>
</html>

所以这里我的问题在receiver.html文件中，我们没有为<video>提供任何src属性那么调用哪个接收器 API 来执行此操作？

接收器中的以下行标识并设置库的"video"元素：

var elem = document.getElementById('vid');
remoteMedia.setMediaElement(elem);

其余的由你包含在接收器中的JavaScript库处理（即cast_receiver.js）

相关内容

最新更新

热门标签：