AnsweredAssumed Answered

Streaming Video with FlowPlayer in InfoWindow

Question asked by chagan02 on Dec 9, 2015

Hello all,

 

I'm trying to play RTMP video using FlowPLayer in a popup info window.  When I execute the code below I get No errors, however the infowindow is blank.  I couldn't find examples of how to embed the player directly, thus I tried to use a method I found of embedded html into the infowindow.  Thus I tried creating the div needed within the infowindow, but no luck.  Bare player code works great in test HTML.  Has anyone accomplished this?

 

Thanks,

Charles.

 

   //Add WebCams CSV Layers
   var WebCamsCSVtemplate = new InfoTemplate();
   WebCamsCSVtemplate.setTitle("<b>${Location}</b>");
   WebCamsCSVtemplate.setContent(getWebCamsCSVTextContent);
   var WebCams = new CSVLayer("./webcams.csv",{id:"WebCams",refreshInterval: 1.0,mode: FeatureLayer.MODE_SELECTION,outFields: ["*"],infoTemplate: WebCamsCSVtemplate});
   var symbol =  new PictureMarkerSymbol({"angle":0,"xoffset":0,"yoffset":0,"type":"esriPMS","url":"http://static.arcgis.com/images/Symbols/PeoplePlaces/Camera.png","contentType":"image/png","width":20,"height":20});
   var renderer = new SimpleRenderer(symbol);
   WebCams.setRenderer(renderer);
   map.addLayer(WebCams);
   WebCams.hide();
  
   function getWebCamsCSVTextContent (graphic) {
   map.infoWindow.resize(500,480);
   var URL = '10004'
   var netConnectionURL = 'Some RTMP Server'
   playerhtml = '<div id="playerdiv" style="width:500px;height:480px;margin:0 auto;text-align:center"></div>';
   map.infoWindow.setContent(playerhtml);
   $f("playerdiv", "http://releases.flowplayer.org/swf/flowplayer-3.2.18.swf", {
   clip: {url: URL,scaling: 'fit',provider: 'hddn'},
   plugins: {hddn: {url: "flowplayer.rtmp-3.2.13.swf",netConnectionUrl: netConnectionURL}},
   canvas: {backgroundGradient: 'none'}
   });
   };

Outcomes