Streaming Video with FlowPlayer in InfoWindow

CharlesGant — Wed, 09 Dec 2015 19:40:10 GMT

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'}
		});
		};

topic Streaming Video with FlowPlayer in InfoWindow in ArcGIS JavaScript Maps SDK Questions

Streaming Video with FlowPlayer in InfoWindow