Skip to content

Instantly share code, notes, and snippets.

@olegchir

olegchir/flowplayer-hds.html

Created September 17, 2014 07:43
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save olegchir/8f93746c948c1160211d to your computer and use it in GitHub Desktop.
Save olegchir/8f93746c948c1160211d to your computer and use it in GitHub Desktop.
Download ZIP
Raw
flowplayer-hds.html
<html><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!-- This example based on this article: http://flash.flowplayer.org/demos/plugins/streaming/bwcheck-hds-live.html -->
<title>Flowplayer HDS Example</title>
<style>
body{
width:982px;
margin:50px auto;
font-family:sans-serif;
}
a:active {
}
:focus { -moz-outline-style:none; }
.palert {
padding: 12px;
color: black;
background-color: #ededed;
box-shadow: none;
}
</style>
<script src="http://releases.flowplayer.org/js/flowplayer-3.2.13.min.js"></script>
</head><body>
<script src="http://releases.flowplayer.org/js/flowplayer.ipad-3.2.13.min.js" type="text/javascript"></script>
<div id="webtv" style="display:block;width:640px;height:360px;margin:0 auto;"></div>
<script>
$f("webtv", "http://releases.flowplayer.org/swf/flowplayer-3.2.18.swf", {
clip: {
url: "manifest.f4m",
urlResolvers: ["f4m", "bwcheck"],
provider: "httpstreaming",
baseUrl: "http://flussonic:8080/mychannel",
// URL of M3U8 playlist for iOS
ipadUrl: "http://flussonic:8080/mychannel/index.m3u8",
scaling: "fit",
live: true
},
plugins: {
f4m: {
url: "flowplayer.f4m-3.2.10.swf"
},
httpstreaming: {
url: "flowplayer.httpstreaming-3.2.11.swf"
},
bwcheck: {
url: "flowplayer.bwcheck_httpstreaming-3.2.13.swf",
netConnectionUrl: "http://releases.flowplayer.org/swf/flowplayer-3.2.18.swf",
dynamic: true,
// bandwidth diagnostics - omitted in production
onStreamSwitchBegin: function (newItem, currentItem) {
this.getPlayer().getPlugin("content")
.setHtml("Will switch from " + currentItem.bitrate +
"kbps to " + newItem.bitrate + "kbps");
},
onStreamSwitch: function (newItem) {
this.getPlayer().getPlugin("content")
.setHtml("Switched to " + newItem.bitrate + "kbps");
}
},
content: {
url: "flowplayer.content-3.2.9.swf",
backgroundColor: "#000000",
backgroundGradient: "none",
height: 26,
width: 275,
bottom: 2
},
controls: {
scrubber: false,
height: 30,
borderRadius: 30,
width: 290,
bottom: 30
}
}
}).ipad();
</script>
</body></html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment