This repository has been archived on 2023-05-08. You can view files and clone it, but cannot push or open issues or pull requests.
mlp-episodes/livestream.html

211 lines
12 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<!-- Metadata -->
<meta name="description" content="Catch the new My Little Pony : Friendship is Magic episodes LIVE here!">
<meta name="keywords" content="">
<meta name="language" content="en">
<meta name="copyright" content="&copy; Evert Prants">
<meta charset="utf-8">
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="@IcyNet">
<meta name="twitter:title" content="Friendship is Magic Livestreams">
<meta name="twitter:description" content="Watch the new episodes LIVE! We have streams from: BronyTV, BronyState, Brony Network and Otaku Ascended all in one place!">
<meta name="twitter:creator" content="@IcyNet">
<meta name="twitter:domain" content="https://mlp.icynet.eu/">
<meta name="twitter:image" content="https://mlp.icynet.eu/images/logocompressed.png">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- Links -->
<link rel="stylesheet" href="./css/style.css" type="text/css">
<link rel="icon" href="./images/favico.png" type="image/x-icon">
<link rel="shortcut icon" href="./images/favico.png" type="image/x-icon">
<!-- JavaScript -->
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script src="./js/ponycd.js"></script>
<script type="text/javascript">
/* Tracker */
var _paq = _paq || [];
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
_paq.push(["setDocumentTitle", document.domain + "/" + document.title]);
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="//analytics.icynet.eu/";
_paq.push(['setTrackerUrl', u+'piwik.php']);
_paq.push(['setSiteId', '3']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
})();
/* Day/night background changer */
$( document ).ready(function() {
var d = new Date();
var hr=d.getHours();
var mi=d.getMinutes();
if( (hr>=19 && mi>=0) || (hr<=8 && mi>=0)) {
$('body').addClass("night");
}
});
</script>
<title>MLP:FiM Episodes - New Episode Live</title>
</head>
<!-- Codepony LunaSquee -->
<body>
<noscript>
<div style="width: 100%;background-color: rgb(202, 0, 0);text-align: center;padding: 10px;position: fixed;color: white;">
Please enable JavaScript for this site to work!<br>If you don't know how, <a target="_blank" href="//www.enable-javascript.com/">Click here</a>.
</div>
</noscript>
<header>
<a href="/" title="Homepage">
<img alt="MLPE Logo" src="./images/logo.png" />
</a>
</header>
<nav class="navigation">
<ul>
<li id="varaint-red"><a style="border-bottom:3px solid red" href="/#s1">Season 1</a></li>
<li id="varaint-orange"><a style="border-bottom:3px solid orange" href="/#s2">Season 2</a></li>
<li id="varaint-yellow"><a style="border-bottom:3px solid yellow" href="/#s3">Season 3</a></li>
<li id="varaint-green"><a style="border-bottom:3px solid green" href="/#s4">Season 4</a></li>
<li id="varaint-light-blue"><a style="border-bottom:3px solid #0084ff" href="/#s5">Season 5</a></li>
<li id="varaint-blue"><a style="border-bottom:3px solid blue" href="/#s6">Season 6</a></li>
<li id="varaint-dark-blue"><a style="border-bottom:3px solid #2500b7" href="/#s7">Season 7</a></li>
<li id="varaint-indigo"><a style="border-bottom:3px solid #4B0082" href="livestream.html" class="active">Livestream</a></li>
<li id="varaint-violet"><a style="border-bottom: 3px solid #9400D3;" href="/">Home</a></li>
</ul>
</nav>
<div class="content">
<span class="mlptext mlpcolor" style="font-size:35px;">Livestreams for MLP</span><br>
<span class="mlptext mlpcolor" style="font-size:15px;">You can watch the livestreams of new episodes here! Make sure to be here on time if you want to see the new episode before its added to the site. If your stream doesn't work, choose another one by clicking the blue buttons below the player!</span><br>
<span class="mlptext mlpcolor" style="font-size:20px;">Please note that these streams are embedded! Right click on the stream's tab to visit the streamer's website!</span><br>
<div id="cdcontainer"><span class='countdown_textsection'>Enable javascript.</span></div>
<center>
<div id="stream"><iframe id="streamframe" data-expanded=false width="780" height="450" src="//www.ustream.tv/embed/13392289?wmode=direct&autoplay=true" scrolling="no" frameborder="0" style="border: 0px none transparent; z-index: 1;"></iframe></div>
<div class="tabs">
<a id="streamTab" href="#" data-stream-host="//www.ustream.tv/channel/the-brony-network" data-stream-src="//www.ustream.tv/embed/13392289?wmode=direct&autoplay=true" class="gobutton selection">Brony Network</a>
<a id="streamTab" href="#" data-stream-host="//www.ustream.tv/channel/GyQbzJzQFFj" data-stream-src="//www.ustream.tv/embed/23126228?wmode=direct&autoplay=true" class="gobutton selection">Hasbromlp</a>
<a id="streamTab" href="#" data-stream-host="//www.bronystate.net/" data-stream-src="//www.ustream.tv/embed/16198304?wmode=direct&autoplay=true" class="gobutton selection">BronyState</a>
<a id="streamTab" href="#" data-stream-host="//www.bronytv.net" data-stream-src="//www.ustream.tv/embed/16407308?wmode=direct&autoplay=true" class="gobutton selection">BronyTV</a>
<a id="streamTab" href="#" data-stream-host="//original.livestream.com/otakuascendedlive" data-stream-src="//cdn.livestream.com/embed/otakuascendedlive?layout=4&amp;height=340&amp;width=560&amp;autoplay=true" class="gobutton selection">Otaku Ascended</a>
<a href="#" class="gobutton popout gobutton_red">Pop out</a> <a href="#" class="gobutton expand gobutton_red">Expand Player</a> <a href="/cinema.html" class="gobutton gobutton_black">Enter Cinema</a></div>
<br>
<!--<iframe id="theirc" src="https://kiwiirc.com/client?settings=a59423ad564a6348d4651f4880045ffb" style="border:1px solid black; width:80%; height:450px;"></iframe>
<div class="tabs">
<a href="#" data-irc-src="https://kiwiirc.com/client?settings=a59423ad564a6348d4651f4880045ffb" class="gobutton selection_irc">IcyNet</a>
<a href="#" data-irc-src="https://teemant.icynet.ml/irc.icynet.ml/?nickname=MLPE_?&ssl=1&port=6697&extra=false#mlp-episodes" class="gobutton selection_irc">IcyNet Teemant <b>(BETA)</b></a>
<a href="#" class="gobutton popout_irc gobutton_red">Pop out</a></div>-->
</center>
<script>
$(document).ready(function() {
var stream_expanded = false;
$('.selection').click(function() {
$('#streamframe').attr("src", $(this).data("stream-src"));
return false;
});
$('.selection_irc').click(function() {
$('#theirc').attr("src", $(this).data("irc-src"));
return false;
});
$('.popout').click(function() {
newwindow=window.open($('#streamframe').attr("src"),'Livestream','height=500,width=800');
if (window.focus) {newwindow.focus()}
});
$('.popout_irc').click(function() {
newwindow=window.open($('#theirc').attr("src"),'Chatroom','height=500,width=800');
if (window.focus) {newwindow.focus()}
});
$('.expand').click(function() {
if(stream_expanded == false) {
$('#streamframe').attr("width", "900");
$('#streamframe').attr("height", "550");
stream_expanded = true;
$('.expand').text("Shrink Player");
} else {
$('#streamframe').attr("width", "780");
$('#streamframe').attr("height", "450");
stream_expanded = false;
$('.expand').text("Expand Player");
}
return false;
});
if ($("#streamTab").addEventListener) {
$("#streamTab").addEventListener('contextmenu', function(e) {
alert("You've tried to open context menu"); //here you draw your own menu
e.preventDefault();
}, false);
} else {
$('body').on('contextmenu', '#streamTab', function(event) {
$('#rmenu').removeClass("hide");
var self = $(this);
$('#rmenu #openstream').click(function(e) {
$('#streamframe').attr("src", self.data("stream-src"));
$('#rmenu').addClass("hide");
e.preventDefault();
$('html, body').animate({
scrollTop: $("#cdcontainer").offset().top
}, 2000);
});
$('#rmenu #streamtitle').html(self.html());
$('#rmenu #streamersite').attr('href', self.data("stream-host"))
document.getElementById("rmenu").style.top = mouseY(event) + 'px';
document.getElementById("rmenu").style.left = mouseX(event) + 'px';
event.preventDefault();
});
}
$('html').click(function() {
$('#rmenu').addClass("hide");
});
$('#rmenu').click(function(event){
event.stopPropagation();
});
});
function mouseX(evt) {
if (evt.pageX) {
return evt.pageX;
} else if (evt.clientX) {
return evt.clientX + (document.documentElement.scrollLeft ?
document.documentElement.scrollLeft :
document.body.scrollLeft);
} else {
return null;
}
}
function mouseY(evt) {
if (evt.pageY) {
return evt.pageY;
} else if (evt.clientY) {
return evt.clientY + (document.documentElement.scrollTop ?
document.documentElement.scrollTop :
document.body.scrollTop);
} else {
return null;
}
}
</script>
<br><br>
<a href="/">&larr; Back to main page</a>
<ul id="rmenu" class="hide">
<li><span id="streamtitle">Brony Network</span></li>
<li><a href="#stream" id="openstream">Open stream</a></li>
<li><a href="//www.ustream.tv/channel/the-brony-network" id="streamersite" target="_blank">Stream website</a></li>
<li><a href="#" onclick="$('#rmenu').addClass('hide'); return false">Cancel</a></li>
</ul>
</div>
</body>
<footer>
<span style="text-align:center">My Little Pony: Friendship is Magic is © Hasbro, Inc. We are not affiliated in any way with Hasbro Inc. or DHX Media. No copyright infringement intended.<br /> &copy; 2013-2017 <b><a href="http://lunasqu.ee/">LunaSquee</a></b> with special thanks to <a href="https://tsa6.net/webapps/mlptkeps" target="_blank">Tsa6</a> for episode automation!
<br /> &copy; 2017-2018 <b><a href="https://icynet.eu/">Icy Network</a></b></span><br />
</footer>
<link rel="stylesheet" type="text/css" href="/icynet/footer.css">
<footer class="icy"><img class="squeebot" src="/icynet/squeebot.svg"><span class="copyright"><a href="https://icynet.eu" target="_blank"><div class="logo small"><div class="part1">Icy</div><div class="part2">Network</div></div></a><div class="social"><a class="socialbtn" id="github" href="https://github.com/IcyNet/" target="_blank"><i class="fa fa-fw fa-github"></i></a><a class="socialbtn" id="twitter" href="https://twitter.com/IcyNet" target="_blank"><i class="fa fa-fw fa-twitter"></i></a><a class="socialbtn" id="discord" href="https://discord.gg/Xe7MKSx" target="_blank"><span class="discordlogo"></span></a></div><span>© 2017-2018 - Icy Network - Some Rights Reserved</span><br><span> <a href="https://icynet.eu/docs/terms-of-service">Terms of Service</a><span class="divider">|</span><a href="https://icynet.eu/docs/privacy-policy">Privacy Policy</a><span class="divider">|</span><a href="https://icynet.eu/donate">Donate</a></span></span></footer>
</html>