youtube - Embedded YouTube on Your MagicMirror

[zichao92]

Description:

Hi everyone,

This is my first module development so please pardon me if i made any mistakes. This module allows you to play and control youtube video by using Jopyth’s Remote Control Module. This module wont be possible without the help of @Jopyth & @strawberry-3-141

When you press “hide-all” under his Remote control module, the youtube video will appear and start playing.
So the opposite will happen when you press “show-all”, youtube pause and disappears.

P.S : Im relatively new to programming so please bear with me if I couldn’t understand your request.

Screenshots:

Download:

[card:zichao92/youtube]

[broberg]

This will please many users! @wizz will love it I think ;)

I would suggest you merge the Pull request on github from fewieden to make it easier for people to change the video in the config file instead of altering the module code!

And, format your first post so it conforms to the showcase guidelines : https://forum.magicmirror.builders/topic/1440/showcase-guidelines

(remove the spaces between the brackets to get the card to show up in your post)

[yawns]

@broberg
I jumped in and changed the post. Thanks for pointing this out :)

[zichao92]

Sorry im not too familiar with the guidelines. Thanks for amending them !

Im a new user to GitHub as well. Do correct me if there are any errors.

[cowboysdude]

Nice job!

[djo]

Hi dude,
Thank you for your module, nice job and nice module.
However, i have some suggestions.
Is there a way to NOT put code inside the MMM-remote module. My concern is if I do a git pull of the MMM-remote, I will lose the code I wrote inside? Is the developer of MMM-remote can implement a patch and “link” your module to his?
What do you think about setting an input in the remote.html to load a youtube video (the user will only have to do a copy/paste)
What do you also think of authorizing a user to load a website into an iframe? And if the url starts with “http://www.youtube.com”, load the video. If not just display the web page in an iframe?

[strawberry 3.141]

@djo there is a pr in the pipe to switch the id without modifying something, this can be extended so there is no need to modify a module at all

[zichao92]

Hi @strawberry-3.141 ,

What’s this “pr in the pipe” that you mentioned? Im interested in learning it.

[zichao92]

@djo

Im finding a work around for your request. However, im a little busy with my school and assignments. I’ll look into it once Im free!

[wizz]

@broberg This i will try, As it was close to what i want :)
The only thing is that i don´t want to hide the rest of the modules but i will try and see.

[McSorley]

Looks brilliant. Looking forward to trying this out.
Would you be able to change the opacity?

[wizz]

@zichao92 @strawberry-3-141 @Jopyth what file in the MMM-remote do i need to be edit ? i dont find this line ‘show-all-button’ and also no guide for that here https://github.com/zichao92/youtube under the Configurating Jopyth’s Remote Control module just that it say on line 178 but in what file?

[Jopyth]

@wizz It should be about these lines in remote.js.

[wizz]

@Jopyth Thanks that was more clear now i can go on with testing :)

[wizz]

@Jopyth Tested and something is wrong or i am doing something wrong as i start the mirror the video also loads and show directly?

[zichao92]

Hi @wizz ,

It was designed to start up with the video loading after “DISPLAY=:0 npm start”. To hide the embedded video away, just press “show-all” from the remote control module

[wizz]

@zichao92 @Jopyth @strawberry-3-141 As it starts up it dont hide any modules it is just overlap the modules and dont hide them thats the problem and when i push hide all it dont hide any of the modules nor the youtube video so it dont work the way i was expected it to work.

The way i want this to work for me if possible is like the following.

1. I Start up my mirror and it shows all of my modules from start except the Youtube.
2. I hide all modules except the clock module and the weather module (Located left and right top) and the youtube video starts streaming just under this modules in full screen.
3. when i now want to show all my modulen i select show all and all my modules are back and the youtube is paused and hidden.
4. Now if i want to show the youtube video again i just press hide all and its back and streaming.

This wold be the best option for me if this is possible?

[zichao92]

Hi @wizz ,

I will look into your problem after my exams are over. =(
I’ll reply you as soon as my exams have ended.

[wizz]

@zichao92 Thanks i hope you can help me on that.

[pepebc]

Now I control PLAY and PAUSE through voice commands, instead doing it with MMM-Remote-Control.
I would like to send data like http: // localhost: 8080 / youtube? Id = Tm4BrZjY_Sg also with voice, but I can not find the form. The idea is to have a list of videos to play. Any idea?