BestHub
Sign in
Tagged articles
23 articles
Page 1 of 1
ByteFE
ByteFE
Jul 19, 2023 · Frontend Development

WebAssembly‑Based Video Editing: Architecture, Multithreading, Graphics, and Performance Optimizations

This article reviews the adoption of WebAssembly for a web‑based video editing SDK, covering its technical background, browser compatibility, JavaScript vs. WebAssembly trade‑offs, multithreading with Web Workers, OpenGL/WebGL rendering, virtual file‑system handling, package‑size reduction techniques, development tooling, and future directions such as front‑end synthesis and collaborative editing.

EmscriptenVideo EditingWebAssembly
0 likes · 30 min read
WebAssembly‑Based Video Editing: Architecture, Multithreading, Graphics, and Performance Optimizations
ByteFE
ByteFE
Jul 19, 2023 · Frontend Development

Implementing AAC Audio Encoding in Web Browsers Using FFmpeg and WebAssembly

This article explains how to implement AAC audio encoding directly in the browser by compiling FFmpeg’s libavcodec and libswresample to WebAssembly with Emscripten, detailing the required FFmpeg modules, AAC encoding workflow, compilation options, and JavaScript integration for real‑time media streaming.

AACEmscriptenWebAssembly
0 likes · 16 min read
Implementing AAC Audio Encoding in Web Browsers Using FFmpeg and WebAssembly
ByteFE
ByteFE
Apr 10, 2023 · Fundamentals

Overview of WebAssembly Language Ecosystem and Toolchains

WebAssembly has evolved to version 2.0, offering extensive instruction support, large memory handling, and vector operations, and is now widely used across web and non‑web scenarios; this article surveys popular languages (C/C++, Rust, Go, AssemblyScript, JavaScript, etc.) and key toolchains such as Emscripten, Binaryen, wasi‑sdk, TinyGo, wabt, wasm‑pack, and wasm‑bindgen.

BinaryenEmscriptenRust
0 likes · 24 min read
Overview of WebAssembly Language Ecosystem and Toolchains
IEG Growth Platform Technology Team
IEG Growth Platform Technology Team
Jul 25, 2022 · Frontend Development

Building FFmpeg to WebAssembly: A Practical Guide for Frontend Developers

This article explains how to compile FFmpeg and its dependencies to WebAssembly using Emscripten and Docker, covering the basics of WASM, compiler toolchains, build scripts, configuration flags, and the resulting output files, providing a practical guide for front‑end developers seeking high‑performance media processing in the browser.

CompilationDockerEmscripten
0 likes · 15 min read
Building FFmpeg to WebAssembly: A Practical Guide for Frontend Developers
ELab Team
ELab Team
Jan 24, 2022 · Frontend Development

Master WebAssembly: Build, Debug, and Run FFmpeg in the Browser

This comprehensive guide explains why WebAssembly exists, how it outperforms JavaScript, walks through compiling C/C++ code (including libwebp and FFmpeg) to WebAssembly with Emscripten, shows how to call native functions from JavaScript, manage the virtual file system, and debug the resulting modules using Chrome DevTools.

AssemblyScriptEmscriptenWebAssembly
0 likes · 63 min read
Master WebAssembly: Build, Debug, and Run FFmpeg in the Browser
Tencent Cloud Developer
Tencent Cloud Developer
Sep 16, 2021 · Frontend Development

Understanding WebAssembly: Introduction, Setup, and Performance Evaluation

WebAssembly is a portable, low‑size binary format that complements JavaScript by letting C, C++, Rust, and other languages compile to fast‑loading modules, offering near‑native speed, easy macOS setup with Emscripten, measurable performance gains such as a 1.9× speed‑up on recursive Fibonacci, and seamless interaction with JavaScript for compute‑heavy web applications.

EmscriptenJavaScriptWebAssembly
0 likes · 10 min read
Understanding WebAssembly: Introduction, Setup, and Performance Evaluation
Taobao Frontend Technology
Taobao Frontend Technology
Jul 14, 2021 · Frontend Development

From Emscripten to WebAssembly: A Decade of Bringing C++ to the Browser

This article traces the ten‑year evolution from Emscripten’s early C++‑to‑JavaScript compiler through asm.js to modern WebAssembly, highlighting key milestones, technical challenges, performance optimizations, and real‑world applications such as games, AutoCAD, and Google Meet, while providing code examples and installation steps.

Browser PerformanceEmscriptenJavaScript
0 likes · 17 min read
From Emscripten to WebAssembly: A Decade of Bringing C++ to the Browser
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Mar 23, 2021 · Frontend Development

How to Capture Video Frames in the Browser with FFmpeg and WebAssembly

This article walks through the complete process of extracting video frames on the front end using FFmpeg compiled to WebAssembly, covering background requirements, a comparison of video‑canvas and server‑side approaches, detailed Emscripten setup, FFmpeg compilation, C‑level integration, memory optimizations, and deployment with Webpack.

EmscriptenVideo Frame ExtractionWebAssembly
0 likes · 25 min read
How to Capture Video Frames in the Browser with FFmpeg and WebAssembly
NetEase Game Operations Platform
NetEase Game Operations Platform
Nov 16, 2019 · Frontend Development

WebAssembly with Emscripten: High‑Performance MD5 Hashing and Archive Extraction in the Browser

This article demonstrates how to leverage WebAssembly and Emscripten to compile C code for high‑performance MD5 hashing and archive (zip/7z) parsing in the browser, covering library selection, memory management, file I/O via WorkerFS, async processing, and integration of C functions with JavaScript.

BrowserEmscriptenFileIO
0 likes · 18 min read
WebAssembly with Emscripten: High‑Performance MD5 Hashing and Archive Extraction in the Browser
WecTeam
WecTeam
Oct 31, 2019 · Frontend Development

How to Run ImageMagick in the Browser with WebAssembly: A Step‑by‑Step Guide

This tutorial explains how to compile the ImageMagick C/C++ library to WebAssembly using Emscripten and Docker, configure its dependencies (zlib, libpng, libjpeg, libwebp), build the wasm module, and invoke ImageMagick commands from JavaScript with a virtual file system in the browser.

EmscriptenImageMagickWasm
0 likes · 25 min read
How to Run ImageMagick in the Browser with WebAssembly: A Step‑by‑Step Guide
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Dec 19, 2018 · Frontend Development

Can WebAssembly Speed Up Browser File Scanning? A Real‑World Performance Study

This article explores how WebAssembly, compiled via Emscripten from C/C++ code, can accelerate file‑scanning tasks in a web‑based email attachment uploader, detailing the compilation pipeline, runtime communication, performance benchmarks against pure JavaScript, and practical optimizations for worker‑based processing.

BrowserEmscriptenJavaScript
0 likes · 18 min read
Can WebAssembly Speed Up Browser File Scanning? A Real‑World Performance Study
UC Tech Team
UC Tech Team
Oct 30, 2018 · Frontend Development

Enabling WebAssembly Threads with Pthreads in Chrome via Origin Trials

This article explains how to compile C/C++ code to WebAssembly with pthread support, run multithreaded WebAssembly modules in Chrome using Origin Trials, and provides step‑by‑step instructions, example code, and configuration details for developers.

ChromeEmscriptenThreads
0 likes · 8 min read
Enabling WebAssembly Threads with Pthreads in Chrome via Origin Trials
JD Tech
JD Tech
Mar 9, 2018 · Frontend Development

Comprehensive Guide to WebAssembly Development with Emscripten

This article introduces WebAssembly, explains its performance advantages over JavaScript, details the setup of development tools like Emscripten, CMake, and WABT on macOS, and provides step‑by‑step examples for compiling C/C++ code to .wasm, loading modules in JavaScript, and using advanced features.

C++EmscriptenJavaScript
0 likes · 17 min read
Comprehensive Guide to WebAssembly Development with Emscripten
JD Retail Technology
JD Retail Technology
Jan 19, 2018 · Fundamentals

WebAssembly Overview, Setup, and Usage with Emscripten, C/C++, and Rust

This article explains the evolution of JavaScript performance, introduces WebAssembly concepts and browser support, provides step‑by‑step installation of Emscripten, WABT, and related tools on macOS, demonstrates WebAssembly APIs such as validate, Module, compile, Instance, Memory and Table, and shows practical examples of compiling and invoking C/C++ and Rust code from JavaScript.

C++EmscriptenJavaScript
0 likes · 18 min read
WebAssembly Overview, Setup, and Usage with Emscripten, C/C++, and Rust
Baidu Maps Tech Team
Baidu Maps Tech Team
Dec 7, 2017 · Frontend Development

How WebAssembly Boosts Web Performance: From asm.js to Near‑Native Speed

This article explains the evolution from asm.js to WebAssembly, compares their performance, outlines implementation strategies—including AssemblyScript, hand‑written asm.js, and C/C++ compilation with Emscripten—and provides practical code examples and tips for integrating WebAssembly into web applications.

BinaryenEmscriptenJavaScript
0 likes · 15 min read
How WebAssembly Boosts Web Performance: From asm.js to Near‑Native Speed
Node Underground
Node Underground
Mar 16, 2017 · Frontend Development

WebAssembly Explorer: Optimize C/C++ Code for Browser Execution

WebAssembly enables programs written in languages like C/C++ to run in browsers, and Mozilla’s WebAssembly Explorer provides a visual UI that reveals compiler optimizations—such as choosing between division and shift operations—while developers can also use Emscripten for production‑grade compilation.

C++EmscriptenWebAssembly
0 likes · 2 min read
WebAssembly Explorer: Optimize C/C++ Code for Browser Execution
Tencent Music Tech Team
Tencent Music Tech Team
Aug 25, 2016 · Frontend Development

Introduction to WebAssembly, Emscripten, and Binaryen: Installation, Compilation, and Usage

This guide introduces WebAssembly and its ecosystem—explaining how Emscripten compiles C/C++ to asm.js or .wasm, how Binaryen converts asm.js to the final binary, and provides step‑by‑step Ubuntu installation, simple hello‑world compilation, build‑process wrappers, and real‑world examples such as FFmpeg, SQLite, and game engines.

BinaryenBrowserCompilation
0 likes · 10 min read
Introduction to WebAssembly, Emscripten, and Binaryen: Installation, Compilation, and Usage
21CTO
21CTO
Mar 23, 2016 · Frontend Development

How to Slash Front‑End Lag: Mastering GC, Closures, and Pre‑Fetch Techniques

This article explains how modern front‑end performance challenges—especially JavaScript garbage collection, closure‑induced memory waste, and the need for page pre‑fetching—can be mitigated with techniques like Emscripten‑based memory management and strategic use of dns‑prefetch, pre‑fetch, and pre‑render tags.

EmscriptenGarbage CollectionJavaScript optimization
0 likes · 8 min read
How to Slash Front‑End Lag: Mastering GC, Closures, and Pre‑Fetch Techniques