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

[01:58 pm]

NudeRaider -- NudeRaider

NudeRaider shouted: Oh_Man nothing too special tbh. the human player wasn't ready to combat the push that stretched almost the whole map. So this game means nothing. We'll have to see how it goes once the humans have adjusted for its unorthodox strategies.

they basically lost most of their army in one big battle and didn't have the time and production to leverage the economic advantage and come back from that blow.

[01:55 pm]

NudeRaider -- Oh_Man

Oh_Man shouted: https://youtu.be/1vsTqNwHquE omg guys it's happening. ITS HAPPENING. EVERONY STAY CALM. STAY F:wob::wob:CKING CALM!

not sure why you are so hyped, when basically the same happened 7 years ago with AlphaStar on SC2.

[01:53 pm]

NudeRaider -- Oh_Man

Oh_Man shouted: 6000 apm XD, i dont even understand how it culd came back wen it was 5 base vs 2

nothing too special tbh. the human player wasn't ready to combat the push that stretched almost the whole map. So this game means nothing. We'll have to see how it goes once the humans have adjusted for its unorthodox strategies.

[10:59 am]

NimoStar -- "Sick" is the appropriate word for the disease that AI is foisting upon our society. Repent, ye sinners!

[06:32 am]

Ultraviolet -- that was pretty sick lol

[02:55 am]

Oh_Man -- 6000 apm XD, i dont even understand how it culd came back wen it was 5 base vs 2

[02:42 am]

Symmetry -- 'twas only a matter of time

[02:40 am]

Oh_Man -- https://youtu.be/1vsTqNwHquE omg guys it's happening. ITS HAPPENING. EVERONY STAY CALM. STAY F:wob::wob:CKING CALM!

[02:20 am]

Symmetry -- :wob: