2

所以这是2个问题。我的第一个问题是我该怎么做？

    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+")'

我该怎么做？谢谢。

4

2 回答 2

6

首先，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);

...我认为这在一定程度上减轻了第一种方法的可读性问题和第二种方法的脆弱性问题。最后，您可以创建一个字符串数组并将它们连接起来......

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 + ")'";

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

注意：我前面提到了关于 a) usingdocument.write()和 b) using <center>tags 的强制性警告，但是您应该花一些时间对这两个问题进行一些研究；我只想说 1998 年打来电话说：“这很酷，我不想让那些回来”。

于 2012-10-10T02:07:41.643 回答
2

派对迟到了，我实际上更喜欢：

//开始html

var html = ''+
    '<body>'+
        '<div>'+
            '<a href="foo.bar">Foo Bar page</a>'+
        '</div>'+
    '</body>';

有效的 javascript 'foo'+\n\r\t'bar' == 'foobar';

于 2014-12-13T12:55:42.873 回答