Chrome HTML-Schaltfläche

Question

Ist es möglich, Chromecast über eine HTML-Schaltfläche aufzurufen?

Ich habe eine Webseite geschrieben, die einen benutzerdefinierten Empfänger verwendet und grundsätzlich einem Benutzer ermöglicht, Berichte in einem Raum von Personen in Form von Statistiken/Diagrammen anzuzeigen, aber sie sehen Steuerelemente auf ihrem Bildschirm.

Da dies jedoch PUR eine Cast-App ist, möchte ich eine Schaltfläche auf der Webseite zeigen, die zeigt, wenn der Benutzer nicht wirft und dann verschwindet, wenn sie nicht werfen.

So etwas wie:

<button id="castStart" style="display:none;">Start</button> 
<button id="castStop" style="display:none;">Stop</button> 

Und dann einige JS wie:

if(CASTAVAILBLE) { 

    if(CASTING) { 
     $('#castStart').hide(); 
     $('#castStop').show(); 
    } else { 
     $('#castStart').show(); 
     $('#castStop').hide(); 
    } 

    $('#castStart').on('click', function(e){ 
     startCasting(); 
     $('#castStart').hide(); 
     $('#castStop').show(); 
    }); 

    $('#castStop').on('click', function(e){ 
     sttopCasting(); 
     $('#castStart').show(); 
     $('#castStop').hide(); 
    }); 
} 

Also im Grunde der Plan ist es, die Tasten zu verstecken und zeigen auf, wenn sie werfen und nur, wenn sie ABLE to caste (dh die Cast-Erweiterung ist installiert).

Ist das möglich?

---

Update: Das scheint zu tun, was ich will: https://chrome.com/photowallso ist es möglich!

Answer 1

Casting ist Teil der Funktion Chrome Chrome (d. H. "Alles, was nicht die Webseite ist" und nicht "Chrome-Browser").

Wenn Sie bei der Anzeige unterschiedliche Inhalte für Desktop- und Gussversion suchen, können Sie entkommen mit nur CSS Media Queries

@media tv { 
    .only-visible-on-chromecast { /*or when a tv is used as a screen ¯\_(ツ)_/¯ */ 
    display: block; 
    } 
} 

Wenn Sie sich für eine JavaScript-Implementierung von Casting-Funktionalität suchen, können Sie möchte in Anpassung der chromecasts package für die Browser-Nutzung suchen.