7

CUSTOM CONTROLS を使用している html5 ビデオで Airplay を動作させる方法があるかどうかは誰にもわかりませんか? これは重要な部分です。組み込みの html5 コントロールを使用している場合は、要素に x-webkit-airplay="allow" 属性を追加するだけでよいことがわかりました。しかし、ビデオ プレーヤーはカスタム ビルドのコントロールを使用しています。

Safari は組み込みの html5 コントロールに Airplay ボタンを配置するようですが、組み込みのコントロールを使用していない場合にそれを行う方法はありますか? ここに私が書いたhtml5プレーヤーへのリンクがあります。下部のコントロールは私自身のものであることに注意してください。

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

ありがとう！

4

3 に答える 3

12

ここで朗報です！この機能は Safari 9 で実装されました。

Safari 9.0 では、JavaScript AirPlay をサポートする HTML5 メディア用のカスタム コントロールを作成できます。Safari を使用WebKitPlaybackTargetAvailabilityEventして Airplay の可用性を検出し、オーディオとビデオを AirPlay デバイスにストリーミングするための独自のコントロールを追加します。

経由。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();
        });
    });
}
于 2015-07-22T17:39:02.360 に答える
1

悲しいことに、Apple は Airplay JavaScript イベント呼び出しを実装していません。これは主に、ネイティブの QuickTime コントロールで AirPlay を使用すると、近くの AirPlay デバイスで AirPlay がユーザーにプロンプ​​トを表示するためです。現在、このデータをコンテンツに取り込み、利用可能なものに基づいてボタンを作成するための Safari 固有の JS 実装はありません。

2013 年 2 月現在、HTML5 で AirPlay に指定できるのは、AirPlay コントロールを表示するかどうかだけです。

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

これが将来のリリースで必要な機能である場合は、Apple にバグを報告できます: https://bugreport.apple.com/

お役に立てれば。

于 2013-02-14T17:34:26.277 に答える