Javascript! Replace Twitch's video with Hitbox's (Topic)

Staredit Network > Forums > Technology & Computers > Topic: Javascript! Replace Twitch's video with Hitbox's

Javascript! Replace Twitch's video with Hitbox's

Apr 12 2015, 8:30 pm
By:

Apos

Pages: 1

Apr 12 2015, 8:30 pm

Apos Post #1

I order you to forgive yourself!

Here is my situation: I currently stream on Twitch as well as on Hitbox.
http://www.twitch.tv/apostolique
http://www.hitbox.tv/Apostolique

I want a Javascript Function that I can insert into twitch from the browser's url to replace Twitch's video stream for Hitbox's embed one if that's possible.

Here is the Hitbox embed code:

<iframe width="100%" height="360" src="http://hitbox.tv/#!/embed/apostolique?autoplay=true" frameborder="0" allowfullscreen></iframe>

In the Twitch page, the above iframe needs to replace the div with the unique ID of #player.

Apr 12 2015, 8:48 pm

Roy Post #2

An artist's depiction of an Extended Unit Death

Code

javascript:$('.dynamic-player').html('<iframe width="100%" height="360" src="http://hitbox.tv/#!/embed/apostolique?autoplay=true" frameborder="0" allowfullscreen></iframe>');

Learn how EUDs work: A Mapmaker's Guide for Creating EUDs
Don't like learning?: EUDGen 2
Other stuff: Farlap Bound Maker

Dash: 1 2 3 4 5 6 7 8 9 X
Jog: Original Warp
Other: Super Mario SC Fireball Guard Your Civilian Strength Contest

Apr 12 2015, 8:56 pm

Apos Post #3

I order you to forgive yourself!

Quote from

Roy

snip

Thanks! I'll be playing around with that to make it exactly how it should.

Edit: Slightly better version it would seem:

Code

document.getElementById("player").outerHTML = '<iframe width="100%" height="360" src="http://hitbox.tv/#!/embed/apostolique?autoplay=true" frameborder="0" allowfullscreen></iframe>';

It seems like I only run those with the console though.

Edit 2: Even better:

Code

javascript:document.getElementById("player").outerHTML = '<div class="wrapper" style="width:100%;height:100%;margin:0 auto;"> <div class="h_iframe" style="position:relative;"> <img class="ratio" src="http://placehold.it/16x9" style="display:block;width:100%;height:auto;"/> <iframe style="position:absolute;top:0;left:0;width:100%; height:100%;" width="100%" height="100%" src="http://hitbox.tv/#!/embed/apostolique?autoplay=true" frameborder="0" allowfullscreen></iframe> </div></div>';

With this last one, the Hitbox stream will perfectly replace the Twitch one almost seamlessly.

Edit 3: Now it works with the theater mode!

Code

javascript:document.getElementById("player").outerHTML = '<div id="player"> <div class="wrapper" style="width:100%;height:100%;margin:0 auto;"> <div class="h_iframe" style="position:relative;"> <img class="ratio" src="http://placehold.it/16x9" style="display:block;width:100%;height:auto;"/> <iframe style="position:absolute;top:0;left:0;width:100%; height:100%;" width="100%" height="100%" src="http://hitbox.tv/#!/embed/apostolique?autoplay=true" frameborder="0" allowfullscreen></iframe> </div> </div></div>';

Post has been edited 4 time(s), last time on Apr 12 2015, 11:43 pm by Apos.

Options

Pages: 1

Back to forum
Please log in to reply to this topic or to report it.
Members in this topic: None.

Global Shoutbox

[2024-4-22. : 6:48 pm]

Ultraviolet -- :wob:

[2024-4-21. : 1:32 pm]

Oh_Man -- I will

[2024-4-20. : 11:29 pm]

Zoan -- Oh_Man

Oh_Man shouted: yeah i'm tryin to go through all the greatest hits and get the runs up on youtube so my senile ass can appreciate them more readily

You should do my Delirus map too; it's a little cocky to say but I still think it's actually just a good game lol

[2024-4-20. : 8:20 pm]

Ultraviolet -- Goons were functioning like stalkers, I think a valk was made into a banshee, all sorts of cool shit

[2024-4-20. : 8:20 pm]

Ultraviolet -- Oh wait, no I saw something else. It was more melee style, and guys were doing warpgate shit and morphing lings into banelings (Infested terran graphics)

[2024-4-20. : 8:18 pm]

Ultraviolet -- Oh_Man

Oh_Man shouted: lol SC2 in SC1: https://youtu.be/pChWu_eRQZI

oh ya I saw that when Armo posted it on Discord, pretty crazy

[2024-4-20. : 8:09 pm]

Vrael -- thats less than half of what I thought I'd need, better figure out how to open SCMDraft on windows 11

[2024-4-20. : 8:09 pm]

Vrael -- woo baby talk about a time crunch

[2024-4-20. : 8:08 pm]

Vrael -- Oh_Man

Oh_Man shouted: yeah i'm tryin to go through all the greatest hits and get the runs up on youtube so my senile ass can appreciate them more readily

so that gives me approximately 27 more years to finish tenebrous before you get to it?

[2024-4-20. : 7:56 pm]

Oh_Man -- lol SC2 in SC1: https://youtu.be/pChWu_eRQZI

Please log in to shout.

Members Online: zsnakezz, IlyaSnopchenko