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