कस्टम एचटीएमएल 5 नियंत्रण के साथ एयरप्ले

Question

क्या किसी को पता है कि एयरप्ले को एचटीएमएल 5 वीडियो पर काम करने का कोई तरीका है जो कस्टम नियंत्रण का उपयोग कर रहा है? यह एक महत्वपूर्ण हिस्सा है, मुझे एहसास है कि यदि आप एचटीएमएल 5 नियंत्रण में निर्मित हैं तो आप तत्व को एक्स-वेबकिट-एयरप्ले = "अनुमति" विशेषता जोड़ सकते हैं। लेकिन मेरा वीडियो प्लेयर कस्टम निर्मित नियंत्रण का उपयोग करता है।

ऐसा प्रतीत होता है कि सफारी एचटीएमएल 5 नियंत्रणों में निर्मित एयरप्ले बटन रखेगी, लेकिन अगर मैं अंतर्निहित नियंत्रणों का उपयोग नहीं कर रहा हूं तो ऐसा करने का कोई तरीका है? मेरे द्वारा लिखे गए एचटीएमएल 5 प्लेयर का एक लिंक यहां दिया गया है। ध्यान दें कि तल पर नियंत्रण अपने ही कर रहे हैं:

http://pluralsight.com/training/Player?author=keith-brown&name=aspdotnet-security&mode=live&clip=0&course=aspdotnet-security

धन्यवाद!

Answer 1

अच्छी खबर यहाँ! सुविधा सफारी 9 में लागू की गई है।

सफारी 9.0 आपको जावास्क्रिप्ट एयरप्ले समर्थन के साथ HTML5 मीडिया के लिए कस्टम नियंत्रण बनाने की अनुमति देता है। एयरप्ले की उपलब्धता का पता लगाने के लिए सफारी के WebKitPlaybackTargetAvailabilityEvent का उपयोग करें और फिर एयरप्ले उपकरणों पर ऑडियो और वीडियो स्ट्रीमिंग के लिए अपने नियंत्रण जोड़ें।

Via। What's New in Safari 9

यहाँ HTML5 video и кнопка для 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(); 
     }); 
    }); 
} 

Answer 2

अफसोस की बात है कि ऐप्पल ने एयरप्ले जावास्क्रिप्ट इवेंट कॉल को लागू नहीं किया है, यह ज्यादातर इसलिए है क्योंकि जब आप अपने मूल क्विकटाइम नियंत्रण में एयरप्ले का उपयोग करते हैं तो एयरप्ले उपयोगकर्ता को एयरप्ले उपकरणों के पास से संकेत देता है। वर्तमान में इस सामग्री को आपकी सामग्री में खींचने और उपलब्ध होने के आधार पर बटन बनाने के लिए सफारी विशिष्ट जेएस कार्यान्वयन नहीं है।

फरवरी 2013 तक, केवल एक चीज जिसे आप एचटीएमएल 5 में एयरप्ले के लिए निर्दिष्ट कर सकते हैं वह है यदि आप एयरप्ले नियंत्रण दिखाना या दिखाने के लिए नहीं चाहते हैं।

https://developer.apple.com/library/safari/#documentation/AudioVideo/Conceptual/AirPlayGuide/OptingInorOutofAirPlay/OptingInorOutofAirPlay.html

आप एप्पल पर बग के कर सकते हैं अगर यह एक सुविधा है जो आपको आगामी रिलीज़ में चाहते हैं: https://bugreport.apple.com/

आशा इस मदद करता है।

Answer 3

से एक उदाहरण है हम उनका प्रसारण उपकरण बंद करने को पकड़ने के लिए webkitcurrentplaybacktargetiswirelesschanged घटना की जाँच कर सकते हैं:

 this.on(videoEl, 'webkitcurrentplaybacktargetiswirelesschanged', this.checkWireles);