C++调JS上层的4种方法

已于 2024-06-14 15:40:22 修改
阅读量1.1k 收藏 10
点赞数 8
文章标签： javascript c++ 开发语言 wasm
于 2024-01-25 15:23:30 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_34754747/article/details/135845538
版权

1、EM_ASM方法

test.cpp

#include <pthread.h>
#include <emscripten.h>
#include <stdio.h>


extern "C"
{
	EMSCRIPTEN_KEEPALIVE
	void *decodeHEVC(void* time)
	{
		int *iter=(int*) time;
		for(int i=0;i<20;i++)
		{
			if(i%5==0)
			{
				printf("5 de beishu\n");
			}
		}
		printf("decodeHEVC\n");
		EM_ASM_INT({
			callRender($0,5,6);
			console.log('test.cpp EM_ASM_INT P:'+$0);
		},100 );//调用JS上层函数-》不可行
		return time;
	}
	
	EMSCRIPTEN_KEEPALIVE
	int test() {
		pthread_t timer_thread_sub;
		int times = 40;
	    int timerCreateRess=pthread_create(&timer_thread_sub,NULL,decodeHEVC,(void*)&times);
	    printf("sun pthread_create:%d\n",timerCreateRess);
	    if(timerCreateRess)
		{
	     	perror("sub Thread create failed");
			return NULL;
		}
		int timerJoinRess=pthread_join(timer_thread_sub,NULL);
		printf("sun pthread_join:%d\n",timerJoinRess);	
		if(timerJoinRess)
		{
			perror("sub Thread join failed");
			return NULL;
		}
		printf("sub  fibonacci 40 : %d\n",times);
        //EM_ASM_INT({
		//	callRender($0,5,6);
		//	console.log('test.cpp EM_ASM_INT P:'+$0);
		//},100 );//调用JS上层函数-》不可行
        return 0;
   }
}

test.html

<!doctype html>
<html>
<head>
　
</head>
<body>
 <div class="items">
    <button type="button" onClick="start()">start</button>
</div>
 <script async type="text/javascript" src="test.js"></script>
 <script>
	function start()
    {
      let res= Module._test();
      console.log("res EM_ASM_INT:"+res);
    }
	function callRender(nu,size,m)
    {
      console.log("EM_ASM_INT callRender p1:"+nu+",p2:"+size+",p3:"+m);
	  console.log("test1.html 11111111166666661");
    }
 </script>

</body>
</html>

 2、EM_JS方法

test.cpp

#include <pthread.h>
#include <emscripten.h>
#include <stdio.h>

EM_JS(void, call_alert, (int a, int b, int c), {
  callRender(a,b,c);
  console.log("test.cpp EM_JS,nihao!");
});

extern "C"
{
	EMSCRIPTEN_KEEPALIVE
	void *decodeHEVC(void* time)
	{
		int *iter=(int*) time;
		for(int i=0;i<20;i++)
		{
			if(i%5==0)
			{
				printf("5 de beishu\n");
			}
		}
		printf("decodeHEVC\n");
		call_alert(5,6,7);//调用JS上层函数-》不可行
		return time;
	}
	
	EMSCRIPTEN_KEEPALIVE
	int test() {
		pthread_t timer_thread_sub;
		int times = 40;
	    int timerCreateRess=pthread_create(&timer_thread_sub,NULL,decodeHEVC,(void*)&times);
	    printf("sun pthread_create:%d\n",timerCreateRess);
	    if(timerCreateRess)
		{
	     	perror("sub Thread create failed");
			return NULL;
		}
		int timerJoinRess=pthread_join(timer_thread_sub,NULL);
		printf("sun pthread_join:%d\n",timerJoinRess);	
		if(timerJoinRess)
		{
			perror("sub Thread join failed");
			return NULL;
		}
		printf("sub  fibonacci 40 : %d\n",times);
        //call_alert(5,6,7);//可行
     return 0;
   }
}

test.html

<!doctype html>
<html>
<head>
　
</head>
<body>
 <div class="items">
    <button type="button" onClick="start()">start</button>
</div>
 <script async type="text/javascript" src="test.js"></script>
 <script>
	function start()
    {
      let res= Module._test();
      console.log("res EM_JS:"+res);
    }
	function callRender(nu,size,m)
    {
      console.log("callRender p1:"+nu+",p2:"+size+",p3:"+m);
	  console.log("test1.html 11111111166666661");
    }
 </script>

</body>
</html>

3、EMSCRIPTEN_RUN_SCRIPT方法

test.cpp


#include <pthread.h>
#include <emscripten.h>
#include <stdio.h>

extern "C"
{
	EMSCRIPTEN_KEEPALIVE
	void *decodeHEVC(void* time)
	{
		int *iter=(int*) time;
		for(int i=0;i<20;i++)
		{
			if(i%5==0)
			{
				printf("5 de beishu\n");
			}
		}
		printf("decodeHEVC\n");
		emscripten_run_script("callRender(3,4,56)");//回调JS上层方法
		return time;
	}
	
	EMSCRIPTEN_KEEPALIVE
	int test() {
		pthread_t *timer_thread_sub;
		int times = 40;
	    int timerCreateRess=pthread_create(&timer_thread_sub,NULL,decodeHEVC,(void*)&times);
	    printf("sun pthread_create:%d\n",timerCreateRess);
	    if(timerCreateRess)
		{
	     	perror("sub Thread create failed");
			return NULL;
		}
		int timerJoinRess=pthread_join(timer_thread_sub,NULL);
		printf("sun pthread_join:%d\n",timerJoinRess);	
		if(timerJoinRess)
		{
			perror("sub Thread join failed");
			return NULL;
		}
		printf("sub  fibonacci 40 : %d\n",times);
        //emscripten_run_script("callRender(3,4,56)");
     return 0;
   }
}

test.html

<!doctype html>
<html>
<head>
　
</head>
<body>
 <div class="items">
    <button type="button" onClick="start()">start</button>
</div>
 <script async type="text/javascript" src="test.js"></script>
 <script>
	function start()
    {
      let res= Module._test();
      console.log("res EMSCRIPTEN_RUN_script:"+res);
    }
	function callRender(nu,size,m)
    {
      console.log("callRender p1:"+nu+",p2:"+size+",p3:"+m);
	  console.log("11111111166666661");
    }
 </script>

</body>
</html>

4、在JS中实现C++ API

test.cpp

#include <stdio.h>
#include <pthread.h>
#include <emscripten.h>

extern "C"
{
	extern void my_js(int size);
	
	EMSCRIPTEN_KEEPALIVE
	void *decodeHEVC(void* time)
	{
		int *iter=(int*) time;
		for(int i=0;i<20;i++)
		{
			if(i%5==0)
			{
				printf("5 de beishu\n");
			}
		}
		printf("decodeHEVC\n");
		my_js(505050505);//调用JS上层函数-》跨线程回调
		return time;
	}

	EMSCRIPTEN_KEEPALIVE
    int test() {
		pthread_t timer_thread_sub;
	    int times = 40;
	    int timerCreateRess=pthread_create(&timer_thread_sub,NULL,decodeHEVC,(void*)&times);
	    printf("sun pthread_create:%d\n",timerCreateRess);
	    if(timerCreateRess)
		{
	     	perror("sub Thread create failed");
			return NULL;
		}
		int timerJoinRess=pthread_join(timer_thread_sub,NULL);
		printf("sun pthread_join:%d\n",timerJoinRess);	
		if(timerJoinRess)
		{
			perror("sub Thread join failed");
			return NULL;
		}
		printf("sub  fibonacci 40 : %d\n",times);
	    //my_js(5);//可行
	    return 0;
    }
	
}

testlibrary.js

mergeInto(LibraryManager.library, {
  my_js__proxy:'async',
  my_js__sig:'viii',
  my_js: function(iSize) {
	callBuffer(iSize);
    console.log('testlibrary.js isize:'+iSize);
  },
});

test.html

<!doctype html>
<html>
<head>
　
</head>
<body>
 <div class="items">
    <button type="button" onClick="start()">start</button>
</div>
 <script async type="text/javascript" src="test.js"></script>
 <script>
	function start()
    {
      let res= Module._test();
      console.log("res JS c++ API:"+res);
    }
	function callBuffer(iSize)
    {
      console.log("buffer size :"+iSize);
    }
 </script>

</body>
</html>

编译脚本

emcc test.cpp -o test.js -s EXPORTED_FUNCTIONS="['_test']" --js-library testlibrary.js  -s USE_PTHREADS=1  -s PTHREAD_POOL_SIZE=4

5、MAIN_THREAD_EM_ASM

void FrameInfoCallBack(int nPort,char * pBuf,int nSize,int nWidth,int nHeight,int nStamp,int nType,int nUser)
{
	MAIN_THREAD_EM_ASM({
		JSPlayM4_FrameCallBack($0,$1,$2,$3,$4);
	},nPort,(void*)pBuf,nSize,nStamp,nUser);
	return;
}

C/C++开发人员要了解的几大著名C/C++开源库
dvlinker的技术专栏
07-24 5万+
本文详细讲述C/C++开发人员需要了解的几大著名C/C++开源库。
​​​​​​​V8引擎扩展的方式 实现cef C++ js交互
07-22 1486
交互方法，使用V8引擎扩展的方式 代码来源于网易云信Duilib 一 JS中调用C++中函数 1 v8扩展 渲染器进程中 void ClientApp::OnWebKitInitialized() { /** * JavaScript 扩展代码，这里定义一个 NimCefWebFunction 对象提供 call 方法来让 Web 端触发 native 的 CefV8H...
【备忘干货】c/c++ (wasm)和js互相调用记录
haohaohaihuai的博客
12-04 2366
通过本文可对wasm使用过程有一个初步的了解， 但还有很多功能尚未尝试。例如：前面提到的embind和WebIDL Binder， ccall， cwrap等等。还有一个有趣的东东Qt for WebAssembly，可以把Qt的东西在浏览器上跑包括GUI程序。
C++与js相互调用
10-13
这里是 VC与JavaScript交互(三) ———— JS调用C++，下载的时候需要看清楚
C++ 调用js 脚本
qthello
02-18 1313
使用Qt/C++ 调用js 脚本。Qt 调用lua 脚本性能应该是最快的，但是需要引入第三方库，虽然也不是特别麻烦，但是调用js脚本，确实内置的功能（目前Qt使用现成的js生态还很麻烦，在这种情况下，推荐使用lua脚本。
c++与js脚本交互,C++调用JS函数/JS调用C++函数
glt3953的专栏
09-12 8378
一、javascript调用c++,方法有两种 方案1： 1.html编写 TEST function TestFunc() {  alert("TestFunc"); }   2.C++的CHtmlView类重写OnBeforeNavigate2函数 void CAddGoogleMap_CHtmlView::OnBeforeNavi
在c++中调用JS函数
qq_34754747的博客
05-19 8240
一、emscripten_run_script() 最直接但较慢的方法是使用emscripten_run_script()。这样可以有效地从C / C ++运行指定的JavaScript代码 test.cpp #include <emscripten.h> int main() { emscripten_run_script("alert('hi emscripten_run_scripten!')"); return 0; } 使用emcc编译成html emcc te.
基于C++和TypeScript的opencv4nodejs设计源码及跨语言实现分析
最新发布
10-01
opencv4nodejs的设计源码之所以能够实现跨语言编程，其核心在于利用了C++作为底层处理语言，并通过TypeScript和JavaScript等高级语言进行上层应用开发。在这个过程中，TypeScript扮演了桥梁的角色，它是一种由微软...
JS与底层C++通讯方式
qq_34754747的博客
01-07 1584
JS与底层C++通讯方式 WebAssembly与Emscripten 1. Emscripten 为了在浏览器中运行C/C++程序，从1995年起，许多知名项目相继开发。除尝试直接运行本地C++代码外，也有技术人员另辟蹊径，将其他语言直接转译为JavaScript后运行，Emscripten就是其中一个，它利用LLVM编译器前端编译C++代码，生成LLVM特有的跨平台中间语言代码，最终再将LLVM跨平台中间语言代码转译为JavaScript的子集WebAssembly。这样C/C++程序经过编译后不仅
C++和JS代码相互调用
09-17
c++和JS代码相互调用 利用COM原理 有一个类做了封装，大家可以照着Demo学习
c++ 运行js脚本
07-13
c++ 运行js脚本
js调用c++函数，c++调用js函数（非mfc）
03-09
js调用纯c++函数 纯c++调用js函数 纯c++嵌入网页
c++调用javascript
08-10
c++中调用javascript代码.使用的是IWebBrower2接口
在C++中调用JS函数二（跨线程调用）
qq_34754747的博客
07-30 1141
一、emscripten_run_script() 最直接但较慢的方法是使用emscripten_run_script()。这样可以有效地从C / C ++运行指定的JavaScript代码 test.cpp #include <pthread.h> #include <emscripten.h> #include <stdio.h> extern "C" { EMSCRIPTEN_KEEPALIVE void *decodeHEVC(void* tim.
C++如何调用JS函数
09-23 4312
Introduction Sometimes when you are using the IE Browser Control inside of a C++ application, you need to get access to the HTML elements.
VC与JavaScript交互(三) ———— JS调用C++
热门推荐
软件架构农
03-26 2万+
太监的原因：     时隔两年，VC与JavaScript交互系列的最后一篇关于JavaScript如何调用c++的文章终于出炉了。为什么会隔了那么久？因为本来打算太监的，可是看到热情的网友们的眼神，从期望变成了失望，在我的心里激起了层层波澜。两年后的今天，还是坚持把它写了出来。其实当时刚写完VC与JavaScript交互(二)的时候，参考网上的资料，已经把JavaScript调用c++
JS调用C++。
weixin_30877181的博客
10-26 311
1.注册C++函数。 //注册回调函数宏 //根据不同需要支持注册两个函数原型，注意CONNECT_JS_CALL_SIMPLE_HANDLER中注册的函数 //需要提前和HTML调用协调好，参数必须都为字符，负责会引起未知问题 #define CONNECT_JS_CALL_HANDLER(name, func, pContext) do \ {\ if (!CBKCallBa...
duilib CWebBrowser控件 C++调用js函数&&js中调用C++函数
sunflover454的专栏
03-08 3528
C++和js相互调用是个有意思的事情。 一、js中调用C++函数。函数原型int g_FunSub(int x,int y); 调用方式如下： function CallCppFunSub(x,y) { var num = window.external.g_FunSub(x,y);
error expected parameter declarator EM_JS(GAM_SEM,gam_sem_create,(),{
06-07
这段代码看起来像是使用了 Emscripten 工具将 C 或 C++ 代码编译成了 JavaScript。EM_JS 宏用于在 C 或 C++ 代码中嵌入 JavaScript 代码。此处的错误信息表明该宏的第一个参数 GAM_SEM 可能没有被正确地定义或声明。建议检查代码中是否正确定义了该宏的参数，并且确认是否包含了所有必要的头文件和库文件。另外，也可以尝试在代码中添加一些调试信息，以便更好地定位问题所在。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值