html play控件,Airplay与自定义html5控件

最新推荐文章于 2024-03-20 18:01:28 发布

转载最新推荐文章于 2024-03-20 18:01:28 发布

· 359 阅读

文章标签：

#html play控件

这篇博客介绍了如何在Safari 9.0中利用JavaScript实现HTML5媒体文件的自定义AirPlay控制。通过监听'webkitplaybacktargetavailabilitychanged'事件，可以检测到AirPlay的可用性，并添加自定义控制来实现音频和视频流到AirPlay设备。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

这里好消息！该功能已在Safari 9中实现.

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.

// 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() {