Categories

• Topics

  WebAssembly topics & real-world tutorials.

  173
  Topics
  201
  Posts

  

  @selersanthony Updated! Thanks for the reminder.
• Games

  Games build on WebAssembly.

  20
  Topics
  26
  Posts

  

  ZX Spectrum emulator (48K and 128K versions), written in Rust. Live: https://rodrigorc.github.io/raze/ Source Code: https://github.com/rodrigorc/raze
• Coin Minners

  Coin minners via WebAssembly.

  14
  Topics
  16
  Posts

  

  The first thing that came to my mind is to have component-based architecture just like React. This mean, you need to find a way to run Rust code on the web browser. Thanks to ASM.js and WebAssembly, this is possible, with a quick setup, you can compile your Rust code to ASM.js/WebAssembly in few minutes. **GitHub:**https://github.com/huytd/hackernews-rss-reader **Article:**https://thefullsnack.com/en/rust-for-the-web.html
• OpenSource

  OpenSource projects & tools for WebAssembly.

  58
  Topics
  64
  Posts

  

  In the days of Geocities and Angelfire, a quirky HTML tag called <bgsound> enabled sound files to play in the background of webpages. Usually, these files were in the MIDI format. What a glorious era that was! Sadly, <bgsound> has been removed from browsers and MIDI is obscure and hard to play back. But using the power of WebAssembly, Emscripten, Web Audio, and Web Components, I was able to bring MIDI and <bgsound> back from the dead! Behold, BitMidi! BitMidi is a website that plays back MIDI files directly in the browser and has a collection of over 100,000 MIDIs to browse and choose from. You can check out the slides “The Lost Art of MIDI – Bringing <bgsound> Back to the Web” from a talk I gave at JSConf Colombia 2018 to learn more about how BitMidi uses WebAssembly to play back MIDI files. From: https://www.quora.com/What-are-the-most-impressive-websites-using-WebAssembly/answer/Feross-Aboukhadijeh Slider: https://speakerdeck.com/feross/the-lost-art-of-midi-bringing-back-to-the-web?slide=48 GitHub: https://github.com/feross/timidity
• Rust

  Rust programming language

  18
  Topics
  19
  Posts

  

  Have you wondered how JS engines work? This past year I built an engine from scratch in Rust. It was fun, weird, exciting and sometimes exhausting. I will share my experience as well as what it is like to work on the specification, collaborate with TC39, and lessons from engines in use today. The Article: https://2019.jsconf.eu/jason-williams/lets-build-a-javascript-engine.html YouTube: https://www.youtube.com/watch?v=_uD2pijcSi4&list=PL37ZVnwpeshHwJPVBqEnZild7QHWhdufu&index=3
• WASM Overflow

  Ask questions just like StackOverflow.

  11
  Topics
  17
  Posts

  

  I'm trying to compile my C++ code that uses VideoCapture of OpenCV. Basically I'm trying to display frames of rtsp,rtmp camera within a browser without using a media server. Here are the build modules enabled while compiling OpenCV for emscripten cmd = ["cmake", "-DCMAKE_BUILD_TYPE=Release", "-DCMAKE_TOOLCHAIN_FILE='%s'" % self.get_toolchain_file(), "-DCPU_BASELINE=''", "-DCPU_DISPATCH=''", "-DCV_TRACE=OFF", "-DBUILD_SHARED_LIBS=OFF", "-DWITH_1394=OFF", "-DWITH_ADE=OFF", "-DWITH_VTK=OFF", "-DWITH_EIGEN=OFF", "-DWITH_FFMPEG=ON", "-DWITH_GSTREAMER=ON", "-DWITH_GTK=ON", "-DWITH_GTK_2_X=ON", "-DWITH_IPP=OFF", "-DWITH_JASPER=OFF", "-DWITH_JPEG=ON", "-DWITH_WEBP=OFF", "-DWITH_OPENEXR=OFF", "-DWITH_OPENGL=OFF", "-DWITH_OPENVX=OFF", "-DWITH_OPENNI=OFF", "-DWITH_OPENNI2=OFF", "-DWITH_PNG=ON", "-DWITH_TBB=OFF", "-DWITH_PTHREADS_PF=OFF", "-DWITH_TIFF=ON", "-DWITH_V4L=ON", "-DWITH_OPENCL=ON", "-DWITH_OPENCL_SVM=ON", "-DWITH_OPENCLAMDFFT=ON", "-DWITH_OPENCLAMDBLAS=ON", "-DWITH_GPHOTO2=ON", "-DWITH_LAPACK=ON", "-DWITH_ITT=ON", "-DWITH_QUIRC=ON", "-DBUILD_ZLIB=ON", "-DBUILD_opencv_apps=ON", "-DBUILD_opencv_calib3d=ON", "-DBUILD_opencv_dnn=ON", "-DBUILD_opencv_features2d=ON", "-DBUILD_opencv_flann=ON", # No bindings provided. This module is used as a dependency for other modules. "-DBUILD_opencv_gapi=ON", "-DBUILD_opencv_ml=ON", "-DBUILD_opencv_photo=ON", "-DBUILD_opencv_imgcodecs=ON", "-DBUILD_opencv_shape=ON", "-DBUILD_opencv_videoio=ON", "-DBUILD_opencv_videostab=ON", "-DBUILD_opencv_highgui=ON", "-DBUILD_opencv_superres=ON", "-DBUILD_opencv_stitching=ON", "-DBUILD_opencv_java=OFF", "-DBUILD_opencv_java_bindings_generator=OFF", "-DBUILD_opencv_js=ON", "-DBUILD_opencv_python2=OFF", "-DBUILD_opencv_python3=OFF", "-DBUILD_opencv_python_bindings_generator=OFF", "-DBUILD_EXAMPLES=OFF", "-DBUILD_PACKAGE=OFF", "-DBUILD_TESTS=OFF", "-DBUILD_PERF_TESTS=OFF"] The error message I get is, error: undefined symbol: _ZN2cv12VideoCaptureC1Ev warning: To disable errors for undefined symbols use -s ERROR_ON_UNDEFINED_SYMBOLS=0 error: undefined symbol: _ZN2cv12VideoCaptureD1Ev #include <emscripten/bind.h> #include <emscripten/val.h> #include <opencv2/core/mat.hpp> #include <opencv2/imgcodecs.hpp> #include <opencv2/opencv.hpp> #include <opencv2/objdetect.hpp> #include <opencv2/highgui.hpp> #include <opencv2/imgproc.hpp> #include <opencv2/videoio.hpp> #include <iostream> #include <unistd.h> #include <string.h> #include <stdio.h> Here is a list of Header files that I'm using in my program
• Weekly

  A weekly round-up for WebAssembly.

  6
  Topics
  11
  Posts

  

  All you need to know about WebAssembly of this week: Exploring Compilation from TypeScript to WebAssembly Binary AST - Motivations and Design Decisions - Part 1 The simplest way to get started with WebAssembly Ruby, Opal and WebAssembly by yhara Bringing the web up to speed with WebAssembly JavaScript C++: Modern Ways to Use C++ in JavaScript Projects CreaturePack: High Performance 2D WebGL Character Animation with WebAssembly mono-wasm: a proof-of-concept aiming at building C# applications into WebAssembly, by using Mono and compiling/linking everything statically into one .wasm file that can be easily delivered to browsers. wasm-toolchain: Toolchain for building C code to WASM. wasmify: Import WebAssembly code with Browserify. rollup-plugin-wasm: Use this Rollup plugin to import source code which compiles to WebAssembly (such as C, C++, Wat, Rust), or just import standalone .wasm binaries JSC.js: JavaScriptCore Compiled to WebAssembly WebAssembly Rocks featured Games build on WebAssembly Coin minners via WebAssembly WebAssembly Weekly #6: Compilers & Languages WebAssembly Weekly #5: Memory matters WebAssembly Weekly #4: How to Learn WebAssembly WebAssembly Weekly #3: Registration for Santa Clara 2017 CG Meeting WebAssembly Weekly #2: Webpack + WebAssembly + W3C WebAssembly Weekly #1: Real world WebAssembly
• Books

  Books & Specification for WebAssembly.

  14
  Topics
  18
  Posts

  

  You want to learn WebAssembly (WASM) for coding web apps in [replace by your favorite language] instead of Javascript (because you h*te it!) and are not interested by the WebAssembly Text Format (WAT) : THIS EBOOK IS NOT FOR YOU ! Indeed, there’re already many great tutorials about the amazing Emscripten project - the main door to discover WASM - in order to enter new realms of web development without javascript and capitalizing on existing code bases written in C/C++/Rust/[your language]. Else you know javascript but not very well (use it just for jQuery plugins) : THIS EBOOK IS VERY PROBABLY NOT FOR YOU ! Else you love modern frontend technologies and practices, and use them to develop web apps offering to your users experiences similar to native ones : snappy UI; damn fast loading time; offline mode; nearly no waiting time or UI freezing during information processing. Concretely, you’re familiar with the actions below to reach these goals : writing modern CSS / SVG to manage as much animations as possible and hence offload the javascript thread; using tiny yet powerful frameworks (ex: Preat, Redux, StencilJs, Svelte…); harnessing the Cache and Service Worker APIs (look for Progressive Web Apps) for offline applications; following good javascript practices : avoiding DOM accesses (relatively slow) when not absolutely necessary; using async patterns (Promises, generators) properly; not declaring new local variables in frequently called functions to avoid too much triggering of the garbage collector (=> temporary UI freezes); using native ES6 methods when your application target modern browsers; using Web Workers - to create additional threads - if some tasks can be executed in parallel; using WebGL to speed up drawings, or heavy operations (scientific libraries, artificial intelligence...). Still, your application has some bottlenecks. You’ve heard about the WebAssembly revolution, but the situation is not severe enough to rewrite the whole app from scratch in C++ or Rust - that you don’t know. Indeed, your bundle size is not very big, and instead the problem lies in a dozen of slow functions. Moreover, you want to experiment with the WASM technology without learning lots of tools. Above all, you want clear and succinct explanations but less dry than the official documentation. THIS BOOK IS PROBABLY FOR YOU! Indeed, each chapter show practical examples, that you can test in a few seconds by copying and pasting them into your browser console. Also, code samples are littered with detailed comments! For prerequisites, please check Appendix A.0. The book: https://docs.google.com/document/d/1K8EjLSKl62s_M7ZkDfuOizdsamv2UKUwwQRF2DmIba0/edit#
• 中文

  WebAssembly 中文资料 & 教程

  16
  Topics
  18
  Posts

  

  WCG（WebAssembly Community Group）提名主席JF在WebAssembly的官方Github仓库中发布一则消息，称将会于2015年6月17日将Wasm技术当前阶段的发展计划公之于众。WCG的核心成员主要由一群来自苹果、谷歌、微软及Mozilla等互联网巨头公司的顶尖工程师组成，这些工程师会定期对Wasm技术的标准进行调研和讨论。所有与Wasm技术相关的标准草案，以及未来的发展路线都由他们共同制定。 阅读全文：https://mp.weixin.qq.com/s/dJN3UzQIsQWQdni_6l8h3Q
• Announcements

  News & announcements regarding our community.

  23
  Topics
  24
  Posts

  

  WebAssembly Core Specification is now an official standard, launching a powerful new language for the Web. WebAssembly is a safe, portable format designed for compact representation of code on modern processors including in a web browser. Twitter: https://twitter.com/w3c/status/1202593780190318593
• Meetup

  Let's set up a meetup offline and talk about WebAssembly.

  6
  Topics
  6
  Posts

  S

  Leaders of the WebAssembly working group are online at 1 pm ET to answer your top wasm questions. Join or ask a question here
• Blogs

  Blog posts from individual members.

  0
  Topics
  0
  Posts
  No new posts.
• Feedback

  Got a question for WebAssembly Rocks? Ask away!

  4
  Topics
  8
  Posts

  

  @ArthurSonzogni You can post in Feedback then I'll move it to other categories. There are too many spams, I have to disable the topic creation for other categories. Sorry.