所以这是两个问题合一。我的第一个问题是我该怎么做?
document.write('
<div id="jwplayer">
<center>
<div id='mediaplayer'></div>
<script type="text/javascript">
jwplayer('mediaplayer').setup({
'flashplayer': 'jwplayer/player.swf',
'id': 'playerID',
'width': '640',
'height': '580',
'provider': 'rtmp',
'streamer': 'rtmp://domain/recorder/_definst_',
'file': 'onSaveOk("+streamName+")'
});
</script>
</center>
</div>
');
我基本上只是想在调用函数时打印出代码。
这是我问题的第二部分,当闪存录像机完成保存录制的视频时,此功能会运行。它从flash播放器中获取函数参数中的所有变量。我想在我的jwplayer代码中使用其中一个变量,我该怎么做?
以下是功能:
function onSaveOk(streamName,streamDuration,userId,cameraName,micName,recorderId){
//alert("onSaveOk("+streamName+","+streamDuration+","+userId+","+cameraName+","+micName+")");
//the user pressed the [save] button inside the recorder and the save_video_to_db.XXX script returned save=ok
//recorderId: the recorderId sent via flash vars, to be used when there are many recorders on the same web page
$('#record').hide();
document.write('
<div id="jwplayer">
<center>
<div id='mediaplayer'></div>
<script type="text/javascript">
jwplayer('mediaplayer').setup({
'flashplayer': 'jwplayer/player.swf',
'id': 'playerID',
'width': '640',
'height': '580',
'provider': 'rtmp',
'streamer': 'rtmp://domain/recorder/_definst_',
'file': 'onSaveOk("+streamName+")'
});
</script>
</center>
</div>
');
}
这就是我尝试使用streamName功能的地方,但它不起作用:
'file': 'onSaveOk("+streamName+")'
我该怎么做?谢谢
首先,JavaScript不允许使用多行字符串,因此document.write
会立即抛出语法错误。你至少有几种方法可以做到这一点。你可以去掉换行符,让整个字符串变成一行。。。
var lines = '<div id="jwplayer"><center>...</center></div>';
document.write(lines);
但这往往不那么可读。或者你可以用反斜杠转义换行符。。。
var lines = '<div id="jwplayer">
<center>
...
</center>
</div>';
document.write(lines);
这更可读,但可能有点脆——反斜杠后面的任何尾随空格都会打断它,而不会显得明显。接下来,您可以将字符串一次连接一行。。。
var lines = '<div id="jwplayer">';
lines += '<center>';
lines += '...';
lines += '</center>';
lines += '</div>';
document.write(lines);
I认为这在一定程度上缓解了第一种方法的可读性问题和第二种方法的脆性问题。最后,您可以创建一个字符串数组并连接它们。。。
var lines = [
'<div id="jwplayer">',
'<center>',
'...',
'</center>',
'</div>'].join(' ');
document.write(lines);
其具有消除重复CCD_ 2的[完全主观的]优点。无论如何,这绝不是一个详尽的方法列表,它主要归结为使用你最满意的方法。
接下来,坦率地说,你的字符串是一个由相互冲突的单引号和双引号组成的大杂烩。如果你需要在你的字符串中包含与你用来包围字符串相同的引号,那么你需要转义它们:
var lines = "<div id="jwplayer">";
lines += '<div id='mediaplayer'></div>';
显然(?)您希望将转义保持在最低限度,并且由于您正在创建一个html字符串,您可能希望用单引号将其括起来,并对属性值使用双引号。但同样,它是任何风格对你来说最有意义的。
最后,以上两个问题都是导致传递到函数中的streamName
参数无法工作的原因,因为早在到达该行之前,您就已经遇到了许多错误。如果你保持字符串问题的正确性,那么
lines += "'file': 'onSaveOk(" + streamName + ")'";
应该按照你想要的方式工作。
注意:我前面提到了关于a)使用document.write()
和b)使用<center>
标签的强制性警告,但您应该花一些时间对这两个问题进行一些研究;我只想说,1998年打电话来说:"太酷了,我无论如何都不想回来"。
派对迟到了,我其实更喜欢:
//启动html
var html = ''+
'<body>'+
'<div>'+
'<a href="foo.bar">Foo Bar page</a>'+
'</div>'+
'</body>';
有效的javascript'foo'+\r\n\r\n'bar'=='foobar';