为 emscripten HTML 程序提供标准输入？

Question

我有一个 C 程序，它通过命令行获取一个参数（一个字符数组/字符串），并且还从标准输入中读取。我已经使用 emscripten 将其编译为 JavaScript。这很成功，我可以像使用 node.js 的普通 C 程序一样运行它：

emcc -O2 translate.c
node translate.js "foo" < bar.txt

如您所见，我将字符串“foo”作为参数提供，并将 bar.txt 的内容作为标准输入。现在我希望这是一个独立的 HTML 文件。

通过将输出更改为 HTML：

emcc -O2 translate.c -o trans.html

我将adding arguments: ['foo'], 的参数提供给var Module 中的定义。这按预期工作，程序正确接收参数。

现在，我如何为这个程序提供标准输入输入？我不需要动态地执行此操作。只需在 HTML 中的某处声明一个带有所需标准输入内容的字符串就可以了。

Answer 1

一种方法是使用 Emscripten 文件系统 API，例如在 Module preRun 函数中调用 FS.init，传递自定义函数以用于标准输入、输出和错误。

var Module = {
  preRun: function() {
    function stdin() {
      // Return ASCII code of character, or null if no input
    }

    function stdout(asciiCode) {
      // Do something with the asciiCode
    }

    function stderr(asciiCode) {
      // Do something with the asciiCode
    }

    FS.init(stdin, stdout, stderr);
  }
};

这些函数是相当低级的：它们每次处理一个字符作为 ASCII 码。如果您有要传入的字符串，则必须自己迭代字符串的字符。我怀疑charCodeAt 会有所帮助。要从 stdout 或 stderr 输出字符串，我怀疑 fromCharCode 会有所帮助。

使用每个示例（没有经过很好的测试！）实现如下。

var input = "This is from the standard input\n";
var i = 0;
var Module = {
  preRun: function() {
    function stdin() {
      if (i < res.length) {
        var code = input.charCodeAt(i);
        ++i;
        return code;
      } else {
        return null;
      }
    }

    var stdoutBuffer = "";
    function stdout(code) {
      if (code === "\n".charCodeAt(0) && stdoutBuffer !== "") {
        console.log(stdoutBuffer);
        stdoutBuffer = "";
      } else {
        stdoutBuffer += String.fromCharCode(code);
      }
    }

    var stderrBuffer = "";
    function stderr(code) {
      if (code === "\n".charCodeAt(0) && stderrBuffer !== "") {
        console.log(stderrBuffer);
        stderrBuffer = "";
      } else {
        stderrBuffer += String.fromCharCode(code);
      }
    }

    FS.init(stdin, stdout, stderr);
  }
};

Answer 2

你可以修改 Window 对象，而不是编辑 Emscripten 的输出

window.prompt = function() {
  return 'This will appear to come from standard input';
};

不太好，但我认为这与其说是编辑 Emscripten 生成的 Javascript 不如说是一种 hack。

Answer 3

根据问题“编辑”，我做了我的功能，谢谢。

只是希望下面的代码可以帮助别人。

1. 注释运行（）；在 emscript 结尾

   // in my emscript 
   
   // shouldRunNow refers to calling main(), not run().
   var shouldRunNow = true;
   if (Module['noInitialRun']) {
       shouldRunNow = false;
   }
   //run(); // << here
   // {{POST_RUN_ADDITIONS}}
   

2. result = areaInput(); // 如题所述

3. 在您的 html 文件中添加以下代码以激活 emscript 中的 run()

   <script>
   var message;
   var point = -1;
   function getArea(){
       message = document.getElementById('input').value.split('\n');
   }
   function areaInput(){
       if(point >= message.length - 1){
           return null;
       }
       point += 1;
       return message[point];
   }
   function execEmscript(){
       window.console = {
           log: function(str){
               document.getElementById("output").value += "\n" + str;
           }
       }
       getArea();
       run();
   }
   </script>
   

4. 记住 html 中的 io textareas

   <textarea id="input" cols="80" rows="30"></textarea>

   <textarea id="output" cols="80" rows="30"></textarea>

5. 还有一个按钮

   <button onclick="execEmscript();">run</button>