Chrome之运行webGPU-环境搭建

已于 2023-05-04 11:17:14 修改
阅读量1.9k 收藏
点赞数
分类专栏： webGPU 文章标签： chrome 前端
于 2023-05-04 11:16:27 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/linghudingding/article/details/130483053
版权
谷歌Chrome团队发布了WebGPU，允许在网络中进行高性能的3D图形和数据并行计算。此功能在Chrome113Beta版中默认启用。若遇到请求GPU适配器失败的问题，可能是Chrome版本过低，需更新至Beta版。同时，用户需开启Chrome的GPU权限并在Windows图形设置中允许Chrome调用GPU。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

1.Chrome版本

经过六年的开发，当地时间 4 月 6 日，谷歌 Chrome 团队正式发布 WebGPU，用于在网络上进行高性能 3D 图形与数据并行计算。WebGPU 现已在 Beta 测试阶段的 Chrome 113 中默认启用。

 刚开始运用webGPU时，发现const adapter = await navigator.gpu.requestAdapter()返回为null，无法发现适配器，即无法调用GPU。尝试了各种方法，最后发现是Chrome版本问题，现阶段只有Chrome 113 Beta版本使用于webGPU

Chrome 113 Beta版下载地址：https://www.google.com/chrome/beta/

2.开启Chrome调用GPU权限

 3. 允许chrome调用本地GPU

3.1打开Windows图形设置

最低0.47元/天 解锁文章
目标检测模型部署到Web浏览器：TensorFlow.js方案
AI天才研究院
04-15 631
本文旨在为开发者提供一套完整的解决方案，将训练好的目标检测模型部署到Web浏览器环境中运行。TensorFlow.js的核心架构和工作原理模型转换和优化的关键技术浏览器端推理的性能优化策略实际应用案例和代码实现首先介绍TensorFlow.js的架构和核心概念然后讲解模型转换和优化的具体方法接着通过实际案例展示完整实现流程最后讨论性能优化和应用场景目标检测(Object Detection): 计算机视觉任务，不仅要识别图像中的物体类别，还要定位其位置(通常用边界框表示)
了不起的Chrome浏览器（6）：Chrome 94开始WebGPU试用，Web的图像渲染及机器学能力更强了
Fundebug博客
09-28 2076
9月21日正式发布的Chrome 94，带来了哪些有意思的新特性呢？ 背景 十多年来，Web技术突飞猛进，其中Chrome功不可没，了解Chrome可以帮助我们理解前端行业的发展趋势。 因此，我将以《了不起的Chrome浏览器》为题，对Chrome的每一个版本的重要特性进行详细解读，同时分享一些自己的一些思考： 了不起的Chrome浏览器（1）：Chrome 89开启Web应用的物联网时代 了不起的Chrome浏览器（2）：Chrome 90将默认使用HTTPS，Web更安全了 了不起的Chrome浏览器
Chrome 113 发布，默认启用 WebGPU
crg18438610577的博客
05-04 1569
Chrome 113 发布，默认启用 WebGPU
实用的Chrome浏览器命令
最新发布
qq_30065669的博客
03-12 890
虽然不是传统意义上的“命令”，但在离线状态下访问此地址，会出现Chrome内置的小恐龙跑酷游戏，是放松心情的好去处。如果你在使用WebRTC进行实时通讯或视频会议，这个页面提供了详细的会话信息和统计数据，帮助诊断连接和媒体流问题。这个页面允许你远程调试连接到同一网络的设备上的Chrome，以及检查打开的网页元素、网络请求和性能。管理浏览器的隐私偏好，包括Cookies、位置信息、安全浏览等设置，保护你的在线隐私。当你遇到网络连接问题时，这个页面可以提供详细的错误代码和解释，帮助你诊断问题所在。
Chrome浏览器使用WebGpu运行NLP大语言文本生成模型
STImuLaTE_08的博客
05-12 616
的支持,相比于WebGL而言WebGpu对GPU密集型任务处理性能提高了几倍,目前无论是深度学习自然语言处理,目标检测,语义分割,还是计算机图形学,渲染服务,3D可视化展示均是GPU密集型任务.等待模型加载完毕,就可以与其对话了,但是速度有点慢,与chatgpt不能比,但是因为不经过服务器,保证了用户隐私,并且为以后训练自己的模型提供了支持。1.更新chrome到113版本,点击右上角三个点,点击设置,点击关于chrome,更新至113版本以上。目前有很多webgl的JS的库已经支持webgpu了,比如。
Chrome使用独立显卡开启WebGPU
yaoyutian的博客
10-10 5950
WebGPU Chrome Canary Chromeabout://flags #enable-unsafe-webgpu –enable-features=Vulkan (linux)
webgpu 入门
qq_41456316的博客
02-09 1926
webgpu是一种新的web API，它公开了现代计算机图形功能，特别是Direct3D 12、Metal和Vulkan，用于在图形处理单元（GPU）上执行渲染和计算操作。本文介绍了如何运行webgpu的官方demo。
搭建TS环境，初始化运行webGPU
zeng_tt的博客
12-26 2023
搭建TS环境，初始化运行webGPU
WebGPU入门一
qq_34754747的博客
10-16 730
WebGPU的环境配置比较简单，不需要vite或webpack配置一个复杂的开发环境，直接使用.html文件即可。
如何用WebGPU流畅渲染百万级2D物体？
「 虚幻私塾」
07-24 477
在本文中，我们先提出了需求；然后按照需求来设计和选择算法；然后实现最简单的版本；接着不断优化，直到达到StorageBuffer的最大大小限制为止通过引入BVH，渲染性能提高了200倍通过启用局部单位，渲染性能提高了40倍通过改为LBVH算法，性能提高了10倍通过traverseorder优化，使得剔除的性能提高了10倍左右目前我们最多渲染4百万个圆环，因为再多就会超出StorageBuffer最大大小的限制。...
WebGL入门到进阶教程 - 系统学习Web3D技术
YunWisdom
10-12 2035
WebGL入门到进阶教程，系统地学习Web3D技术
Chromium WebGPU 的硬件光线追踪扩展_C++_代码_相关文件_下载
07-06
awn 是正在进行中的WebGPU标准的开源和跨平台实现。更准确地说，它实现webgpu.h了与 WebGPU IDL 的一对一映射。Dawn 旨在作为更大系统的一部分集成，并且是 Chromium 中 WebGPU 的底层实现。 Dawn 提供了几个 WebGPU 构建块： 应用程序和其他构建块使用的 WebGPU C/C++ 标头。 Dawn 实现的webgpu.h版本。 用于webgpu.h. 使用平台的 GPU API 实现 WebGPU 的“本机” ： Windows 10 上的D3D12 macOS 和 iOS 上的Metal Windows、Linux、ChromeOS、Android 和 Fuchsia 上的Vulkan OpenGL 尽最大努力 WebGPU 的客户端-服务器实现，适用于沙箱中的应用程序，无需访问本机驱动程序 更多详情、使用方法，请下载后阅读README.md文件
webgpu-test:测试WebGPU
04-28
Web图形API测试 实时页面位于 。 此项目使用2020年2月左右在Chrome Canary中实现的WebGL，WebGL 2.0和WebGPU渲染场景。该用途主要是对我有教育意义，我想了解WebGPU的当前状态，但我还想创建一个页面将允许在API之间进行简单的比较和分析。 每个API的渲染器均从glTF文件加载资源，并使用每个API的最佳做法来渲染资源（无扩展名）。 在几何形状和材质方面，场景被选择为有趣且相当真实的场景，但是对于许多现代GPU而言，它并不是特别具有挑战性，因此不要期望看到渲染器之间的帧率差异。 另外，由于场景是相同的，并且着色器在渲染器之间大致相同，因此花费的GPU时间可能大致相同。 值得一看的是，每个API在JavaScript主线程上花费多少时间来提交命令，这就是默认情况下左上角的stats计数器配置为显示的时间。 即使如此，值得注意的是，这是每个API的
谷歌 Chrome 正式发布 WebGPU！Orillusion开源倒计时！
Orillusion的博客
04-21 543
WebGPU正式发布，Orillusion开源倒计时！
Chrome 发布 WebGPU
u012384510的博客
04-12 157
大家好，我是若川。我持续组织了近一年的源码共读活动，感兴趣的可以点此扫码加我微信lxchuan12参与，每周大家一起学习200行左右的源码，共同进步。同时极力推荐订阅我写的《学习源码整体架构系列》包含20余篇源码文章。历史面试系列。另外：目前建有江西|湖南|湖北籍前端群，可加我微信进群。欢迎星标我的公众号~不错过推文~经过多年的开发，Chrome 团队发布了 WebGPU，它允许在 Web...
chrome 使用gpu 加速_解决Chrome假死问题
weixin_39866974的博客
12-21 4000
在看视频过程中切换网页，页面卡住，但是鼠标可以移动，点击操作无反应，其他快捷键也不好使，需要重新按一下笔记本开关机按钮休眠笔记本，然后重新打开才能暂时解除，搜过了好多解决方案，下面这个亲测可用1、在地址栏中输入chrome://plugins，找到Adobe Flash Player这个插件，能看到旁边括号中写的（2files），点击右边的详细信息，把其中的一个禁用掉，只留一个fla...
Deno 1.18 环境使用 WebGPU
树后树前
02-09 709
文章目录确保 Deno 版本命令行交互式获取 GPUDevice代码文件获取 GPUDeviceTop-level Await 不生效 支持 WebGPU API 的环境，可不止浏览器一个。 虽说 NodeJS 没什么消息说要支持，但是 Deno 这个 js/ts 运行时老早就支持了，能脱离浏览器直接在控制台访问 GPU，感觉十分有趣。 确保 Deno 版本 至少要高于 1.8，最好装最新 > deno --version deno 1.18.0 (release, x86_64-pc-window
WebGPU：在 Web 浏览器上启用高性能 AI 模型
ms44的专栏
09-20 934
Chrome 团队最近宣布将在 Chrome 113 中推出 WebGPU，这标志着 Web 作为高性能图形和数据并行计算平台的发展取得了重大里程碑。WebGPU 是一种新的 Web 图形 API，它公开了现代硬件功能并允许在 GPU 上进行渲染和计算操作，类似于 Direct3D 12、Metal 和 Vulkan。Web LLM 是一个将语言模型聊天直接引入网络浏览器的项目，既能保护隐私，又能提供 GPU 加速。借助 WebGPU，这可以在浏览器内部完成，无需服务器。
谷歌Chrome发布WebGPU，关于页面渲染的一些简单思考
AC1992的专栏
04-07 968
与 API 的 WebGL系列不同，WebGPU 提供对更高级 GPU 功能的访问，并为 GPU 上的一般计算提供一流的支持。该 API 的设计考虑了 Web 平台，具有惯用的 JavaScript API、对导入视频的支持以及带有大量错误消息的完善的开发人员体验。WebGPU 是一种新的 Web 图形 API，它具有显着的优势，例如大大减少了相同图形的 JavaScript 工作量，以及机器学习模型推理的三倍以上改进。WebGPU的初始版本可在 ChromeOS、macOS 和 Windows 上使用。
备份与恢复Google Chrome书签的Chrome-Bookmarks-Parser工具
3. Python3兼容性：脚本仅依赖Python3环境运行，无需安装外部依赖包，这意味着使用方便、门槛较低。 4. 跨平台使用：虽然作者未在描述中提及，但可以推断脚本具有跨平台特性，因为Python3是跨平台的编程语言，且...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值