Javascript document.write('HTML CODE HERE') 并使用由 flash 抓取的 var

2024-02-25

所以这是两个问题合二为一。我的第一个问题是我该怎么做?

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

...哪个Ithink 在一定程度上缓解了第一种方法的可读性问题和第二种方法的脆弱性问题。最后,您可以创建一个字符串数组并将它们连接起来......

var lines = [
  '<div id="jwplayer">',
  '<center>',
  '...',
  '</center>',
  '</div>'].join(' ');
document.write(lines);

...它具有消除重复性的[完全主观]优势lines += ...。无论如何,这绝不是一个详尽的方法列表,它主要归结为使用您最舒服的方法。

接下来,坦率地说,您的字符串是一个由相互冲突的单引号和双引号组成的巨大大杂烩。如果您需要在字符串中包含与用于括起字符串的相同类型的引号,那么您需要对它们进行转义:

var lines = "<div id=\"jwplayer\">";
lines += '<div id=\'mediaplayer\'></div>';

显然(?)您希望将转义保持在最低限度,并且由于您正在创建 html 字符串,因此您可能希望用单引号将它们括起来,并为属性使用双引号价值观。但同样,这取决于对您来说最有意义的风格。

最后,上述两个问题都是导致streamName传递到函数中的参数不起作用,因为在到达该行之前很久就已经遇到了许多错误。如果你把字符串问题搞清楚,那么

lines += "'file': 'onSaveOk(" + streamName + ")'";

应该按照你想要的方式工作。

Note:我放弃了关于 a) 使用的强制性警告document.write()b) 使用<center>标签,但您应该花一些时间对这两个问题进行一些研究;我只想说 1998 打电话来说,“那很好,无论如何我都不想要那些回来”。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Javascript document.write('HTML CODE HERE') 并使用由 flash 抓取的 var 的相关文章

随机推荐