web-dev-qa-db-fra.com

Affichez des sites Web et des applications Web avec Chromecast

Chromecast peut-il être utilisé pour afficher un site Web ou une application Web? Tous les expéditeurs/récepteurs que j'ai vus jusqu'à présent montrent comment lire des vidéos. Les documents publiés jusqu'à présent sont au mieux minimes, juste une référence API avec peu d'explications sur ce que cela fait. Je veux simplement envoyer l'URL de mon choix et afficher cette page sur le téléviseur. Aucune interaction utilisateur n'est requise après ce point. En supposant que cela soit possible, quelqu'un a-t-il un exemple de code Chrome expéditeur et récepteur pour cela?

google-castchromecast
24
kbriggs

J'ai pu modifier exemple de projet Github> googlecast/CastHelloText-chrome pour afficher une page Web.

  • Dans le fichier receiver.html, J'ai remplacé le DIV par un IFRAME et je l'ai stylé pour 100% de largeur et de hauteur.
  • Puis dans la fonction displayText() j'ai changé innerHTML en src.
  • La seule modification apportée à l'expéditeur chromehellotext.html A été de remplacer YOUR_APPLICATION_ID Par l'ID d'application créé en enregistrant le destinataire.

Notez que certains sites comme Google et Yahoo ne s'afficheront pas dans un iframe. Si vous en avez vraiment besoin, vous pouvez ignorer l'iframe et définir simplement window.location.href Sur l'URL. Bien sûr, cela écrasera votre code récepteur, donc la seule façon de changer les URL serait de vous déconnecter manuellement et de recharger. J'ai essayé d'utiliser window.open À la place, mais cela n'a pas fonctionné.

17
kbriggs

On pourrait imaginer écrire un récepteur personnalisé qui a une iframe qui enveloppe n'importe quel site Web. Votre expéditeur pourrait alors envoyer des pages Web à votre destinataire, et onLoad définirait l'URL de l'iframe. Vous n'avez pas de code, mais c'est assez simple à écrire.

7
Les Vogel - Google DevRel

Il existe un moyen simple de le faire avec le exemple hellotext . Vous pouvez envoyer le code HTML en le tapant dans le champ de texte.

<iframe src="http://mywebpage.com" style="width:1280px;height:720px"></iframe>
4
Luis Gar

Pour fournir des informations supplémentaires sur la réponse actuelle, car ce message arrive en haut de la plupart des recherches.

La chose à rechercher est la signalisation numérique, c'est le genre de mot de l'industrie.

suivant GreenScreen Chromecast fonctionne bien. écran vert

La solution d'hébergement est Sign Simple - qui semble être la même approche que Greenscreen sans que vous ayez besoin d'héberger la page Web du récepteur.

Des solutions hébergées similaires utilisant Raspberry Pi peuvent être trouvées.

À noter: avec GreenScreen et CastHelloText, je ne pouvais pas obtenir 1080p seulement 720p, certains commentaires mentionnent la vidéo uniquement en 1080p, mais les images en 720p, ce que je considère également comme des pages html.

3
Maze