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