Presentation API简介

内容摘要
Presentation API的目标就是让投影仪或TV这样的第二显示设备能够被Web使用,包括所有通过有线(HDMI,DVI等)连接
文章正文

Presentation API的目标就是让投影仪或TV这样的第二显示设备能够被Web使用,包括所有通过有线(HDMI,DVI等)连接以及通过无线(MiraCast, Chromecast, DLNA, AirPlay等)的设备。这个API所做的就是在请求页面与第二显示设备上的演示页面之间实现消息互通。

请注意该API细节并不属于W3C标准,也不在W3C标准计划当中。这个API需要通过window.navigator对象下的presentation属性来使用。该属性提供了一个叫requestSession()函数,以及present和availablechange两个事件。requestSession()函数可以用来启动或恢复第二显示设备上的演示。它会返回一个session对象指代当前的演示。当通过requestSession()传入的url里面的演示内容被加载完成后,演示屏幕的页面会收到present事件。最后,在第一张演示出现后或者最后一张演示完成后会发出availablechange事件。

举个例子,来自规范文档,该API的用法如下所示:

<button disabled>Show</button>
 
<script>
var presentation = navigator.presentation,
    showButton = document.querySelector('button');
  
presentation.onavailablechange = function(e) {
  showButton.disabled = !e.available;
  showButton.onclick = show;
};
  
function show() {
  var session = presentation.requestSession('http://example.org/');
  
  session.onstatechange = function() {
    switch (session.state) {
      case 'connected':
        session.postMessage(/*...*/);
        session.onmessage = function() { /*...*/ };
        break;
      case 'disconnected':
        console.log('Disconnected.');
        break;
    }
  };
}
</script>

如果你想要了解更多关于Presentation API的消息

代码注释

作者:喵哥笔记

IDC笔记

学的不仅是技术,更是梦想!