且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

带有自定义html5控件的Airplay

更新时间:2022-12-11 19:19:18

好消息!该功能已在Safari 9中实现.

Good news here! The feature has been implemented in Safari 9.

Safari 9.0允许您创建具有JavaScript AirPlay支持的HTML5媒体的自定义控件.使用Safari的WebKitPlaybackTargetAvailabilityEvent检测Airplay的可用性,然后添加自己的控件,以将音频和视频流传输到AirPlay设备.

Safari 9.0 allows you to create custom controls for HTML5 media with JavaScript AirPlay support. Use Safari's WebKitPlaybackTargetAvailabilityEvent to detect Airplay availability and then add your own controls for streaming audio and video to AirPlay devices.

通过. Safari的新增功能9

以下是 HTML5视频和AirPlay视频

// Detect if AirPlay is available
// Mac OS Safari 9+ only
if (window.WebKitPlaybackTargetAvailabilityEvent) {
    video.addEventListener('webkitplaybacktargetavailabilitychanged', function(event) {
        switch (event.availability) {
            case "available":
                AirPlayButton.show();
                break;
            default:
                AirPlayButton.hide();
        }
        AirPlayButton.on('click', function() {
            video.webkitShowPlaybackTargetPicker();
        });
    });
}