Git Product home page Git Product logo

chromeplay's Introduction

ChromePlay

Google Chrome extension - send YouTube, Vimeo and (almost) any HTML5 video to AppleTV via AirPlay

ChromePlay logo

Changes

1.4 Refreshed options page

v1.3 Bugfixes

v1.2 New features:

  • YouTube AirPlay (click/right-click)
  • Vimeo AirPlay (right-click)
  • HTML5 video AirPlay (right-click)

Usage

YouTube

  • Click the extension icon while watching a video on youtube.com to send it to your AppleTV

ChromePlay YouTube click

  • Right click a youtube.com link and select "AirPlay it!" to send it to your AppleTV

ChromePlay YouTube right-click

Vimeo & HTML5 videos

  • Press Start & Pause in HTML5 player, right-click on the player and select "AirPlay it!" to send it to your AppleTV

ChromePlay HTML5 right-click

FAQ

  • Q: Isn't YouTube already ON AppleTV?

  • A: Yes, but with this extension you can instantly send a video to AppleTV while browsing on your computer. There's no need to search for it on your AppleTV/iPhone/iPad.

  • Q: I click the icon but nothing happens.

  • A: Make sure your AppleTV hostname is configured properly on the Options page

    • Look at Settings->General->Name of your AppleTV.
    • Replace spaces with dashes (-)
    • add .local suffix
    • e.g. if your AppleTV is named "Office Apple TV" then the hostname will be: Office-Apple-TV.local
  • Q: I can't see ChromePlay icon in my URL bar anymore.

  • A: With Chrome 48 all extension icons have been moved to the right of the url bar. If you have hidden ChromePlay icon using "Hide in Chrome menu" you will find it under the hamburger menu on the very right.

Installation

Clone the repository (preferred) or extract the zip file from here. Install it by clicking "Load unpacked extension..." on Chrome Extensions page and point it to the extracted folder.

ChromePlay installation

Updates

To update the extension you can use Git pull or overwrite files (if extracted from .zip). I'm planning to create a package as well when it's stable enough.

Notes

  • Best quality YouTube MP4 video is chosen automatically
  • HTML5 right-click AirPlaying supports only MP4 video format
  • You can change default AppleTV hostname on the Options page
  • Google Chrome has to be running while watching video but the actual streaming is done exclusively by AppleTV. There's no need to keep the video page open.
  • Tested with Google Chrome 48 on OSX 10.11 El Capitan and Google Chrome 32 stable on Windows 7 x64.

chromeplay's People

Contributors

czekaj avatar eugeneglova avatar nheisterkamp avatar novex avatar russelldavis avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

chromeplay's Issues

net::ERR_NAME_NOT_RESOLVED

I follow the guide to config the apple tv name. however, I checked background js at debug console and found 2 lines (line 157 and 198) of the captioned error.

http://[email protected]:7000. I set the my apple tv name on option page as "Apple-TV.local" as my name of apple tv is "Apple TV".

I'm trying this extension on Windows 10 with chrome 50

Not working

MAC Chrome Version 49.0.2623.87 (64-bit)
Last ChromePlay installed

Nothing happens when i click the icon of ChromePlay.

cheers,
Alex

Nothing happens on my AppleTV 3

Hi! I pulled the github repo, installed the extension in Chrome, and renamed my Apple TV to AppleTV.local, and changed the extension's settings accordingly, but the extension still does not work from any of the pages I tried:

In both cases, I refreshed the page, started the video, paused the video, then clicked on the icon in the URL bar. In both cases, the JS console shows "Request message getHtml5Video received" but that's it.

In both cases, there is no Airplay option when I right-click the video frame from the web page.

I tried pinging my Apple tv using ping appletv.local and ping AppleTV.local, but both respond: "Unknown host".

Do you have any idea on how I could troubleshoot?

just loading screen

something isn't quite right it is finding my appletv and it looks like it trys to load but it isn't getting anywhere. i think if it went for a lower bandwidth feed it would perhaps work better.
My internet connection isn't great.

cann't stream, apple tv indicates device requirements

Everytime I click the button to stream youtube, the apple tv reads: device requirements -- This airplay connection requires ios 7.1 or later, OS X 10.9.2 or later, or iTunes 11.2 or later. I have the most updated system for everything.

it doesn't work with high sierra and chrome 66...

it doesn't work with high sierra and chrome 66...
i'm keep trying to find some solution, but only indexed project on google is your... but it is a bit outdated...
should it work?
i have tv hostname correctly set tested and tcpdumped udp traffic... but it doesn't work with your extension...

Feature request: Chromebook

I would really love this extension to work on my Chromebook. I have tested on Youtube, Vimeo and some other pages but it does not work.

Noob issue- no button in search box

First time using GitHub. Successfully installed ChromePlay extension, and it shows as enabled in Chrome://Extenstions. I don't have the play button icon in the search box. Any suggestions? TIA.

Feature Request: Stream entire desktop (Linux) to Apple TV

I'm a big fan of the Chromecast, and I regularly stream my entire Linux desktop to it so my family can follow alo,ng on the big TV in the living room (all kinds of non-web stuff, definitely not videos). I'd like to be able to stream my Linux desktop to Apple TV the same way.

What would it take to accomplish that?

Chromeplay works on a FireTV

Chromeplay will work on a Fire TV using an app called, Reflector 2 (which emulates airplay). However, a few seconds into a video, the airplayed video will suddenly end. Keeping the 'backround page' open while 'developer mode' in Chrome is enabled will keep the video airplaying for 4-5 minutes. Nothing really beyond that. Any solutions?

I included it in my review of Reflector 2 in case you're curious to see it (towards the end):
https://www.youtube.com/watch?v=fjKABzkqrJI

Cannot read property 'nodeValue' of undefined

I’m using React. And in render function I could return null to indicate that I don’t want to render anything. In that case React outputs <noscript data-reactid=".0.0.2"></noscript>.

And in console I see error Cannot read property 'nodeValue' of undefined chromeplay_contentscript.js:17

smarttracking

Doesn't seem to work anymore?

I've been using this extension for months now, but it suddenly doesn't appear to work with latest versions of Chrome and OSX?

YouTube changed API

YouTube has changed something in their API and MP4 urls are no longer playable, you also cannot download YT videos anymore.

So until figured out YouTube is not supported.

Feature Request: Queue

Auto-stream new videos by allowing video URLs to be stored in a queue. Just a thought :)

Need passcode option to play videos

My AppleTV 4K needs a passcode from every app that want to Airplay Videos.

Please integrate these passcode Option, otherwise ChromePlay is completely broken for AppleTV 4K users :(

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.