常連

webassemblyの試作テストとしてWASMを作りサーバーで実行してみました。
[https://monkeytalk.jp/face/FaceDetect.html](https://monkeytalk.jp/face/FaceDetect.html)
目が２倍の綾瀬がでます。（Firefox　もしくは　googlechrome　推奨）
動作はするのですが、これfirefoxで実行し、コンソールで見ると
wasm streaming compile failed: TypeError: Response has unsupported MIME type
のエラーがでます。
これをFIXできなくて困っております。
ご存知の方はお教えください。

これ調べると
[http://kripken.github.io/emscripten-site/docs/compiling/WebAssembly.html#web-server-setup](http://kripken.github.io/emscripten-site/docs/compiling/WebAssembly.html#web-server-setup)
ここにあるように
AddType application/wasm .wasm
を書けばいいらしい。
このサーバーはapache2なので
/etc/apache2/mods-enabled/mime.conf
このファイルを開いて
AddType application/wasm .wasm
を追加しOS再起動したのですが直りませんでした。
そこでさらに
sudo a2enmod mime
をしてもだめ
念のため
/etc/mime.types
に
application/wasm    wasm
を追加してもだめでした。
なぜだめなのでしょうか？

サーバーのOSはubuntu 16.04です。

webassemblyのサーバーでの実行エラーについて

C++でDXライブラリを使用して実装したプログラムをEmscriptenでWebAssemblyに変換したいのですが、下記のエラーが表示されます。
すみません、tchar型自体に詳しくないもので、なぜこのエラーが発生しているのでしょうか。

Emscriptenは下記のサイトからダウンロードしました。

emsdk-1.35.0-full-64bit.exe
https://emscripten.org/docs/getting_started/downloads.html#installation-instructions

ご教示いただけますと幸いです。

コンパイルコマンド
```ここに言語を入力
emcc test.cpp -s WASM=1 -o test.html
```
```ここに言語を入力
test/DxDataTypeWin.h:14:10: fatal error: 'tchar.h' file not found
#include <tchar.h>
         ^
1 error generated.
ERROR:root:compiler frontend failed to generate LLVM bitcode, halting
```

ソース ("test"の文言を表示するだけのプログラムです。)
```ここに言語を入力
#include "DxLib.h"

int WINAPI WinMain(HINSTANCE, HINSTANCE, LPSTR, int) {
  ChangeWindowMode(TRUE);
  SetGraphMode(800, 600, 32);
  DxLib_Init();
  SetDrawScreen(DX_SCREEN_BACK);

  while (!ProcessMessage()) {
    ClearDrawScreen();
	
		DrawBox(0, 0, 800, 600, GetColor(0, 0, 0), TRUE);
		DrawStringToHandle(160, 230, "test",GetColor(255, 255, 255), g_middlefont);	
		ScreenFlip();
	}
	
	DxLib_End();
	return 0;
}
```

Windows8.1の環境です。
Microsoft Visual C++ 2010では動作確認しました。


至らない点あるかと存じますが、よろしくお願いします。

DXライブラリで実装したコードEmscriptenでWebAssemblyに変換すると 'tchar.h' file not found

###前提・実現したいこと
Unityで、UnityからJS(.jslib)とJSからUnityにデータ(TypedArray)を送信するテストコードを書いたのですが、UnityからJSへの送信はうまくいくのですが、JS(.jslib)からUnityへデータを送信するのが、文字列は送信できるのですがTypedArrayの送信がうまくいきません。
(.jslibとは[このページ](https://docs.unity3d.com/ja/current/Manual/webgl-interactingwithbrowserscripting.html)の「プラグインから JavaScript の関数を呼び出す」に書かれている.jslibのことを言います)

###該当のソースコード
ソースコードはGitHubにもあげてあります。
[GitHub](https://github.com/turbographics2000/jslibtest)

文字数の制限で全体のコードは載せられませんが一応省略したコードを載せておきます。

```C#
// jslibbridge.cs
using UnityEngine;
using System.Runtime.InteropServices;
using System;
using AOT;
using System.Collections.Generic;
using System.Text;

public class jslibbridge : MonoBehaviour {

    delegate void dlgReceiveTextData(string txt, int len);
    delegate void dlgReceiveByteArrayData(byte[] data, int length);
    delegate void dlgReceiveSByteArrayData(sbyte[] data, int length);
    delegate void dlgReceiveDoubleArrayData(double[] data, int length);

    [DllImport("__Internal")]
    static extern uint initCallback(
        dlgReceiveTextData onText,
        dlgReceiveSByteArrayData onSByteArray,
        dlgReceiveByteArrayData onByteArray,
        dlgReceiveDoubleArrayData onDoubleArray
    );

    [MonoPInvokeCallback(typeof(dlgReceiveTextData))]
    static void OnText(string txt, int len)
    {
        Debug.Log("recieve text: " + txt);
    }

    static void debuglogReceiveData<T>(string type, T[] data, int length)
    {
        var sb = new StringBuilder();
        sb.Append("Receive " + type + " array: (length: " + length + ") [");
        var spl = "";
        for (var i = 0; i < length; i++)
        {
            sb.Append(spl + data[i]);
            spl = ", ";
        }
        sb.Append("]");
        Debug.Log(sb.ToString());
    }

    [MonoPInvokeCallback(typeof(dlgReceiveSByteArrayData))]
    static void OnSByteArray([MarshalAs(UnmanagedType.LPArray, ArraySubType = UnmanagedType.I1, SizeParamIndex = 1)] sbyte[] data, int length)
    {
        debuglogReceiveData<sbyte>("sbyte", data, length);
    }

    [MonoPInvokeCallback(typeof(dlgReceiveByteArrayData))]
    static void OnByteArray([MarshalAs(UnmanagedType.LPArray, ArraySubType = UnmanagedType.U1, SizeParamIndex = 1)] byte[] data, int length)
    {
        debuglogReceiveData<byte>("byte", data, length);
    }

    static void OnDoubleArray([MarshalAs(UnmanagedType.LPArray, ArraySubType = UnmanagedType.R8, SizeParamIndex = 1)] double[] data, int length)
    {
        debuglogReceiveData<double>("double", data, length);
    }

    [DllImport("__Internal")]
    private static extern void testSendDataToUnity();

    void Start()
    {
        initCallback(OnText, OnSByteArray, OnByteArray, OnDoubleArray);

        testSendDataToUnity();
    }

}
```

```js
// MyPlugin.jslib
var MyPlugin = {
    $cbobj: {},

    $sendDataToUnity: function(data, heap, callback) {
        var writeData = typeof data === 'string' ? (new TextEncoder).encode(data + String.fromCharCode(0)) : data;
        var buffer = _malloc(writeData.length * (data.BYTES_PER_ELEMENT || 1));
        debugger;
        heap.set(writeData, buffer / (data.BYTES_PER_ELEMENT || 1));
        Runtime.dynCall('vii', callback, [buffer, writeData.length]);
        _free(buffer);
    },

    initCallback: function(onText, onByteArray, onSByteArray, onShortArray, onUShortArray, onIntArray, onUIntArray, onFloatArray, onDoubleArray) {
        cbobj.onText = onText;
        cbobj.onByteArray = onByteArray;
        cbobj.onSByteArray = onSByteArray;
        cbobj.onShortArray = onShortArray;
        cbobj.onUShortArray = onUShortArray;
        cbobj.onIntArray = onIntArray;
        cbobj.onUIntArray = onUIntArray;
        cbobj.onFloatArray = onFloatArray;
        cbobj.onDoubleArray = onDoubleArray;
    },

    sbyteArrayTest: function(ptr, size) {
        receiveDataFromUnity('sbyte', HEAP8, ptr, size);
    },
    doubleArrayTest: function(ptr, size) {
        receiveDataFromUnity('double', HEAPF64, ptr, size);
    },

    testSendDataToUnity: function() {
        sendDataToUnity('hoge_fuga_piyo', HEAPU8, cbobj.onText);
        sendDataToUnity(new Int8Array([1, 2, 3]), HEAP8, cbobj.onSByteArray);
        sendDataToUnity(new Uint8Array([1, 2, 3]), HEAPU8, cbobj.onByteArray);
        sendDataToUnity(new Float64Array([1, 2, 3]), HEAPF64, cbobj.onDoubleArray);
    }
};

autoAddDeps(MyPlugin, '$sendDataToUnity');
mergeInto(LibraryManager.library, MyPlugin);
```

いろいろと調べてはみたものの、どこが悪いのかがいまだに検討がつかないでいます。
もし、どこを修正すればいいのかわかる方がいらっしゃればご教授のほどよろしくお願いします。

JS(.jslib)からUnityにデータ(TypedArray)の送信がうまくいきません。

emscriptenのemccを使ってみたところ、難解なエラーが出力されました。

実行したのは、以下のコマンドです。
hello.cは、コンソールに、helloを出力するプログラムです。
```ここに言語を入力
emcc -o hello.js hello.c
```

出力されたエラーは以下です。
```
In file included from hello.c:1:
/usr/include/stdio.h:46:9: error: unknown type name '__gnuc_va_list'
typedef _G_va_list va_list;
```
hello.cの一行目は以下です。
```c
#include <stdio.h>
```

調べてみても、英語のサイトばかりで、全くわかりません。
遭遇したことのないエラーで、戸惑っています。

ご存じの方がおられましたら、教えて頂けないでしょうか。

【Emscripten】 error: unknown type name '__gnuc_va_list'

現在Emscriptenを使用してWebAssemblyのブラウザゲームを開発しております。

試しにPNGファイルを5つ程表示するだけのシンプルな物を製作し、60FPSで動く様に設定をして動作確認をテストしてみる事にしました。
とりあえず普段から使用しているGoogle Chromeを使用して確認したところ、約15FPSくらいしか出ませんでした。

そこでFirefoxで同じ物をテスト確認したところ、こちらは60FPSで動いている事が確認できました。

各環境は以下の通りです。

【WebAssembly】
・emsdkのバージョン：1.38.32 64bit版
・画像表示はSDL2を使用

【Google Chrome】
・現時点最新バージョン
・「Web Server for Chrome」を使用してローカルサーバを構築し、ローカルでテスト

【Firefox】
・現時点最新バージョン
・「about:config」から「security.fileuri.strict_origin_policy」をfalseにして、ローカルでテスト

そこで質問なのですが、Firefoxが希望通りのパフォーマンスが出て、Google Chromeの方はかなり遅いパフォーマンスになってしまっている理由とは何なのでしょうか。

例えばもし、ローカルでテストをしているのが原因で、Webサーバ上であれば両ブラウザでも高パフォーマンスが出るのであれば問題ないのですが…。

どうか、ご教授お願い致します。

WebAssemblyの処理速度がFirefoxよりGoogle Chromeの方が遅い理由

現在Emscriptenを使用してC言語のソースからWebAssembly(or asm.js)にコンパイルした物を製作しています。

そこでサーバ上にあるファイルに書き込みを行いたいのですが上手くいきません。

emccのコンパイルオプションにて、--preload-fileを使用してWebAssemblyファイルにプログラム内で使用する外部ファイルを埋め込む方法があるのですが、これだと書き込みが出来なそうな気がしたので、--pre-jsで以下の様な先読み処理を書いた物を指定して実装しました。

```Javascript
Module['preRun'] = function () {
	FS.createPreloadedFile( '', 'test.txt', 'test.txt', true, true );
};
```

上記の方法でファイルの読み込みは成功したのですが、書き込みが上手くいきませんでした。
書き込みに関してエラーは起きず、試しに書き込み処理の部分のコードだけ抜き出して普通のアプリケーションとして記述したものを実行したら書き込みが行われていたので、ソース上は問題無さそうです。

Emscriptenについて色々調べた結果、どうやらEmscriptenで扱うファイルはローカル上のメモリー内に仮想ファイルシステムを構築し、その中で外部ファイルを展開して扱うと言う様な感じがしました。
その為ファイルに出力した内容は、サーバ上にあるファイルに直接出力しているわけではない（？）様だと思われます。
[参照サイト：Emscriptenのファイルシステム](https://emscripten.org/docs/api_reference/Filesystem-API.html)

そこでサーバ上にあるファイルに直接書き込みを行いたいのですが、どのような方法だと可能なのでしょうか。

WebAssemblyでサーバ上のファイルに出力したい

HTML5で動画を再生してデータをOpenCVで加工することを考えています。
そこでまずHTML5の動画をjavascriptでCOPYしようと考えました。
それはあっさり出来て
```lang-javascript
document.addEventListener('DOMContentLoaded', function(){
        var video = document.getElementById('v');
        var canvas = document.getElementById('c');
        var context = canvas.getContext('2d');
        var back = document.createElement('canvas')
        var backcontext = back.getContext('2d');

        var cw,ch;

        video.addEventListener('play', function(){
                cw = video.clientWidth;
                ch = video.clientHeight;
                canvas.width = cw;
                canvas.height = ch;
                back.width = cw;
                back.height = ch;
                draw(video,context,backcontext,cw,ch);
        },false);

},false);
function draw(v,c,bc,cw,ch) {
        if(v.paused || v.ended) return false;
        // 
        bc.drawImage(v,0,0,cw,ch);
        //
        //ちょっと加工してみるテスト
        var idata = bc.getImageData(0,0,cw,ch);
        var data = idata.data;
        var w = idata.width;
        var limit = data.length
        // 
        for(var i = 0; i < limit; i++) {
                if( i%4 == 3 ) continue;
                data[i] = 127 + 2*data[i] - data[i + 4] - data[i + w*4];
        }
        // 
        c.putImageData(idata,0,0);
        // 
        setTimeout(draw,0,v,c,bc,cw,ch);
}

```
```lang-HTML
<!DOCTYPE html>
<title>Video/Canvas Demo 4</title>
<script type="text/javascript" src="core.js"></script>



<video id=v controls loop width=300>
        <source src=sample.mp4 type=video/mp4>
</video>
<canvas id=c></canvas>

<style>
#c {
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -180px 0 0 20px;
}

#v {
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -180px 0 0 -500px;
}
</style>
           
```
こんな感じですが
この変換処理をOpenCVに変えたいので、EmscriptenのC言語コードにこのJSを変えたいのです。
そこでまずCANVAS　C,VにC言語から区別してアクセスする方法が分かりません。
あるいは
var idata = bc.getImageData(0,0,cw,ch);
の戻り値だけでもC言語におくれればと考えております。
どうにかなりませんか？

HTML5のキャンバスに区別してCからアクセスする方法について

###前提・実現したいこと
UnityのWebGL用のJSと連携を行うライブラリを作成しています。
JSの関数で戻り値が数値型であればそのままreturnで済むのですが、stringを返したい場合は、_malloc()を行わなければなりません。一応、_malloc()すればstringを戻す(受け取る)ことは可能なのですが、_free()するタイミングが見当たらず、ヒープに残ったままとなってしまうのではと思っています。
一応、解決策としてはコールバック関数を使用すればこの問題を解決することが可能なのですが、コールバック関数使用せずに解決できる方法をご存知の方がいらっしゃればご教授願いたいと思い質問させていただきました。

###コールバックを使用しない(_free()なし)場合のコード
```C#
using System.Collections.Generic;
using System.Runtime.InteropServices;
using UnityEngine;

public Class JSCaller {
  [DllImport("__Internal")]
  public static extern string JSTestFunc();

  public void CallJSFunc() {
    var ret = JSCaller.JSTestFunc();
  }
}
```

```JavaScript
JSTestPlugin = {
  JSTestFunc: function () {
    var str = 'hoge';
    var size = lengthBytesUTF8(atId) + 1;
    var buffer = _malloc(size);
    stringToUTF8(str, buffer, size);
    return buffer; // return 前に_free()を実行してしまうとC#側で文字列を受け取れない
  }
};
mergeInto(LibraryManager.library, JSTestPlugin);
```

###コールバック関数を使用したコード
```C#
using System.Collections.Generic;
using System.Runtime.InteropServices;
using UnityEngine;

public Class JSCaller {
  [DllImport("__Internal")]
  public static extern string JSTestFunc(Action<string callback);

  [MonoPInvokeCallback(typeof(Action<string>))]
  public static void callback(string str)
  {
    Debug.Log(str);
  }

  public void CallJSFunc() {
    JSCaller.JSTestFunc(JSCaller.callback);
  }
}
```

```JavaScript
JSTestPlugin = {
  JSTestFunc: function (callback) {
    var str = 'hoge';
    var size = lengthBytesUTF8(atId) + 1;
    var buffer = _malloc(size);
    stringToUTF8(str, buffer, size);
    Runtime.dynCall('vi', callback, [buffer]);
    _free(buffer);
  }
};
mergeInto(LibraryManager.library, JSTestPlugin);
```