[SOLVED] [WebGL] returning a byte[] from jslib to unity

How do I return bytes from my .jslib to unity?

After reading http://docs.unity3d.com/Manual/webgl-interactingwithbrowserscripting.html I guess I'll have to _malloc the memory, copy the ArrayBuffer, probably return the pointer to the malloced memory...

But how do I get the length of the array in unity, and who's responsible for freeing?

 

just stumbled upon http://kapadia.github.io/emscripten/2013/09/13/emscripten-pointers-and-pointers.html ... I think this might help...

 

I did it... if someone's curious, here's my hacky way to do it

the part in the html template

Code (javascript):

1. <script type='text/javascript'>
2. function sendfile(e){
3.     var files = e.target.files;
4.     for (var i = 0, f; f = files[i]; i++) {
5.         var reader = new FileReader();
6.         reader.onload = (function(file) {
7.             return function(e) {
8.                 (window.filedata = window.filedata ? window.filedata : {})[file.name] = e.target.result;
9.                 SendMessage("DaefObject", "FileUpload", file.name);
10.             }
11.         })(f);
12.         reader.readAsArrayBuffer(f);
13.     }
14. }
15. </script>
16. <input style="color:#ccc;" type="file" multiple="false" id="fileuploader" onchange="sendfile(event);return false;">

the unity part

Code (csharp):

1.     public void FileUpload(string filename) {
2.         var length = GetFileDataLength(filename);
3.         Alert(length.ToString());
4.  
5.         var ptr = GetFileData(filename);
6.         var data = new byte[length];
7.         Marshal.Copy(ptr, data, 0, data.Length);
8.         FreeFileData(filename);
9.  
10.         Alert(Encoding.ASCII.GetString(data));
11.     }

the jslib part

Code (javascript):

1. var LibraryFileOpen = {
2.    Alert: function(msgptr) {
3.      window.alert(Pointer_stringify(msgptr));
4.    },
5.    GetFileData: function(filenameptr) {
6.      var filename = Pointer_stringify(filenameptr);
7.      var filedata = window.filedata[filename];
8.      var ptr = (window.fileptr = window.fileptr ? window.fileptr : {})[filename] = _malloc(filedata.byteLength);
9.      var dataHeap = new Uint8Array(HEAPU8.buffer, ptr, filedata.byteLength);
10.      dataHeap.set(new Uint8Array(filedata));
11.      return ptr;
12.    },
13.    GetFileDataLength: function(filenameptr) {
14.      var filename = Pointer_stringify(filenameptr);
15.      console.log("GetFileDataLength");
16.      console.log(filename);
17.      console.log(window);
18.      console.log(window.filedata);
19.      return window.filedata[filename].byteLength;
20.    },
21.    FreeFileData: function(filenameptr) {
22.      var filename = Pointer_stringify(filenameptr);
23.      _free(window.fileptr[filename]);
24.      delete window.fileptr[filename];
25.      delete window.filedata[filename];
26.    }
27. };
28.  
29. mergeInto(LibraryManager.library, LibraryFileOpen);

 

Sorry for necroposting.. This is pretty much the only resource i could find about this topic, so here goes.

For some reason, SendMessage doesn't work for me. It did earlier, when I tried to do it in a different way, but now I copied your code to test it out and i get an alert ("ReferenceError: SendMessage is not defined").

As I said, I was able to SendMessage before, but in the context of your HTML it just won't work.

Any ideas?

 

The Unity WebGL application is now loaded into an object in the default template. All you'd need to do is access SendMessage from the object.

So instead of:

SendMessage("object", "func", data);

You'd call (if your object is called gameInstance):

gameInstance.SendMessage("object", "func", data);

From the documentation:

var gameInstance = UnityLoader.instantiate("gameContainer", "Build/build.json", {onProgress: UnityProgress});

 

THANK YOU

goddamn, is there any documentation of the JSlib functionality in unity? its the 3rd time something should've worked that got changed some time along the way.

The documentation(https://docs.unity3d.com/Manual/webgl-interactingwithbrowserscripting.html) still has the old way..

 

@mnml_ Thanks a lot for this code, saved me a ton of time! One thing though - does the heap allocated in GetFileData ever get freed? [EDIT: after re-reading the code, yes it does!]

 

@mnml_
Very... very smart, thx !

 

can we pass video streaming data to unity c# from javascript?
if yes how? and how to play video in unity webgl from steaming data?
please help me out.

 

can you use this to replace UnityWebRequest for larger files to avoid memory allocation that can't be freed later?