<html> <head> <title>Test the stream embedding</title> <style></style> <script src=plugins/jquery.js></script> <!--<script src='../src/embed.js'></script>--> <script src='newembed.js'></script> <script> var embed_settings = {}; $(function(){ $('button#embed').click(function(){ $('#embedcontainer, #button_container').html(''); var streamName = $('input[name=streamName]').val(); var embedtype = $('input[name=force]').val(); var info = document.createElement('script'); info.src = 'http://localhost:8080/info_'+streamName+'.js'; document.getElementById('embedcontainer').appendChild(info); info.onload = function(){ if (embedtype == '') { $('#embedcontainer').removeAttr('data-forcetype'); } else { $('#embedcontainer').attr('data-forcetype',embedtype); } $('#embedcontainer').append( $('<div>').text('Embedded: '+mistembed(streamName)) ); console.log(mistvideo[streamName]); }; }); }); </script> </head> <body> <label> Enter the streamname: <input type=text value=bunny name=streamName> </label><br> <label> Force embed type: <input type=text name=force> (blank for auto) </label><br> <button id=embed>Embed</button> <div id=button_container></div> <div id=embedcontainer style="width: 100%; height: 35em;" data-forcesupportcheck data-autoplay> </div> </body> </html>