...
| Table of Contents | ||
|---|---|---|
|
Introduction
Whether news shows, product presentations or online radio programs - all are now using audio and video streams as medium of communication.
...
This document describes the integration of streaming measurement for different applications.
Concept of Measurement
In order to measure any streaming content, a sensor on the client side is necessary, which measures which sequences of the stream were played by the user.
...
| Info |
|---|
The description of the Encoding for the HTTP request is not part of this documentation. The request is designed in a manner that the variables are still clearly identifiable during debugging activities. |
Implementation via Javascript for any Player (also proprietary ones)
Prior to using the springStreams-functions the Javascript-library must be loaded.
This is achieved by the following script-tag:
...
| Code Block | ||||||||
|---|---|---|---|---|---|---|---|---|
| ||||||||
<html>
<head>
<title>spring sensors</title>
<script src="springstreams.js"></script>
</head>
<body onunload="unload();">
<script type="text/javascript">
var sensors = new SpringStreams("test");
var adapter = {
"getMeta" : function() {
return {
"pl" :"own player",
"plv" :"version1",
"sx" : screen.width,
"sy" : screen.height
}
},
"getDuration" : function() {
return streamlength in seconds;
},
"getPosition" : function() {
return new Date().getTime() / 1000;
}
};
var desc = {
"stream": "videos/teststream"
}
sensors.track("someid", desc, adapter);
// uncomment for debugging
// sensors.debug = function(v) {
// window.status = v;
// }
function unload() {
sensors.unload();
// give time for submission
var start= new Date(); var now = null; do now = new Date();
while(now-start < 100);
}
</script>
</body>
|
Implementation via Javascript (Windows Media player)
Prior to using the springStreams-functions the Javascript-library must be loaded.
This is achieved by the following script-tag:
...
| Code Block | ||||||||
|---|---|---|---|---|---|---|---|---|
| ||||||||
<html>
<head>
<title>spring sensors</title>
<script src="springstreams.js"></script>
</head>
<body onunload="unload();">
<SCRIPT type="text/javascript">
if(-1 != navigator.userAgent.indexOf("MSIE"))
{
document.write('<OBJECT id="wmplayer" width="435" height="326" CLASSID="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6" type="application/x-ms-wmp">');
document.write(' <param name="URL" value="http://wstreaming.zdf.de/zdf/veryhigh/070912_iaa_mim.asx">');
document.write(' <param name="AutoStart" VALUE="1">');
document.write(' <param name="ShowStatusBar" VALUE="1">');
document.write('</object>');
}
else {
document.write('<OBJECT id="wmplayer" width="435" height="326" type="application/x-ms-wmp">');
document.write(' <param name="URL" value="http://wstreaming.zdf.de/zdf/veryhigh/070912_iaa_mim.asx">');
document.write(' <param name="AutoStart" VALUE="1">');
document.write(' <param name="ShowStatusBar" VALUE="1">');
document.write(' </object>');
}
</SCRIPT>
<script type="text/javascript">
// "test" is the name of the tracked website
var sensors = new SpringStreams("test");
// wmplayer is the id of the stream above
sensors.track(wmplayer, {"stream":"videos/teststream"});
// uncomment for debugging
//sensors.debug = function(v) {
// window.status = v;
//}
function unload() {
sensors.unload();
// give time for submission
var start= new Date(); var now = null; do now = new Date();
while(now-start < 100);
}
</script>
</body>
|
Implementation via HTML5
Before using the springstreams-functions, the javascript library has to be uploaded. This is done via the following script-tag:
...
| Code Block | ||||||||
|---|---|---|---|---|---|---|---|---|
| ||||||||
<!DOCTYPE html>
<html lang="en">
<head>
<title>HTML5 Video Example</title>
<script src="./springstreams.js"></script>
</head>
<body onunload="unload()">
<script type="text/javascript">
var sensors = new SpringStreams("test");
</script>
<div align="center">
<video id='video' controls preload='none' >
<source id='mp4' src="./wetter.ard.20101209.mp4" type='video/mp4; codecs="avc1, mp4a"'></source>
<p>Your user agent does not support the HTML5 Video element.</p>
</video>
</div>
<script type="text/javascript">
var description = {
"stream":"videos/news/wetter.ard.20101209.mp4"
};
var handle = sensors.track(video, description, sensors.HTML5Adapter);
function unload() {
sensors.unload();
}
</script>
</body>
</html>
|
Implementation in Flash
The implementation in Flash is similar to the one in Javascript. To use the springStreams functions the library springstreams.as3.swc (resp. springstreams.as2.swc for Actionscript2) is embedded into the application.
...
| Code Block | ||||||||
|---|---|---|---|---|---|---|---|---|
| ||||||||
var tracker:SpringStreams = new SpringStreams("test");
var s:Sound = new Sound();
s.load(new URLRequest("file:///pathto/sound.mp3"));
var desc:Object = {
"stream":"sounds/sound.mp3",
"sx":0,"sy":0,
};
var nc:NetConnection = new NetConnection();
nc.connect(null);
var ns:NetStream = new SoundNetStreamAdapter(nc, s.play());
var stream:Stream = tracker.track(ns, desc);
stream.setDuration(s.length/1000); // duration in seconds
|
Advanced Topics
Segmentation of Streams
Possibly there is a need for a deeper/different segmentation of streams. This can be desirable in case of a live stream or recorded streams with several content parts, so that the individual segments or parts of the stream can be distinguished.
...
| Include Page | ||||
|---|---|---|---|---|
|
Mobile App Streaming
Features on Platforms
| Include Page | ||||
|---|---|---|---|---|
|
...