Welcome to Inkbunny...
Allowed ratings
To view member-only content, create an account. ( Hide )
Teddy

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: 7 times
Added: 5 years, 4 months ago
 
New Comment:
Move reply box to top
Log in or create an account to comment.