Livestream Web Page

by

Hey peeps.

For those that livestream, here's some handy code to make a nice webpage to allow viewers to watch your stream in style without having to direct them to livestream's website.

Replace the two instances of [streamname] with your streams livestream name.

Here's an example: https://dl.dropboxusercontent.com/u/70580324/stream.html

Enjoy!

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Stream</title>
<style>
body { background:#000000; margin: 0px;}
.wrap { width: 100%; height: 100%; }
.wrap .chatframe { left:70%; width:30%; height: 100%; position: absolute;}
.wrap .videoframe { left: 0%; width: 70%; height: 100%; position: absolute;}
.chat { width:100%; height:100%; }
.video { width:100%; height:100% }
</style>

<div class="wrap">
<div class="videoframe"><iframe class="video" src="http://cdn.livestream.com/embed/[streamname]?layout=4&autoplay=true" frameborder=0 scrolling="no"></iframe></div>
<div class="chatframe"><iframe class="chat" src="http://cdn.livestream.com/embed/[streamname]?layout=6" frameborder="0" scrolling="no"></iframe></div>
</div>
</body>
</html>

Viewed:	8 times
Added:	12 years, 1 month ago 18 Jun 2013 15:58 CEST

New Comment:

Move reply box to top ↑

Log in or create an account to comment.

Help

Information

Policy & Legal

All artwork and other content is copyright its respective owners.

Powered by Harmony 'Gravitation' Release 80.

Content Server: Los Angeles Cache - provided by Inkbunny Donors. Background: Blank Gray.

The Inkbunny web application, artwork, name and logo are copyright and trademark of their respective owners.