Tag

Emscripten

1 views collected around this technical thread.

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.

AACEmscriptenFFmpeg
0 likes · 16 min read
Implementing AAC Audio Encoding in Web Browsers Using FFmpeg and WebAssembly
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.

EmscriptenFrontend DevelopmentWebAssembly
0 likes · 30 min read
WebAssembly‑Based Video Editing: Architecture, Multithreading, Graphics, and Performance Optimizations
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
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.

EmscriptenFrontendJavaScript
0 likes · 10 min read
Understanding WebAssembly: Introduction, Setup, and Performance Evaluation
WeDoctor Frontend Technology
WeDoctor Frontend Technology
Sep 8, 2021 · Frontend Development

How to Clip Videos in the Browser with WebAssembly and FFmpeg

This article explains how to use WebAssembly and FFmpeg compiled to wasm for client‑side video clipping, covering the basics of WebAssembly, setting up Emscripten, loading ffmpeg.wasm, building a minimal Node server, and adding a slider UI for selecting clip ranges.

EmscriptenFFmpegFrontend
0 likes · 13 min read
How to Clip Videos in the Browser with WebAssembly and FFmpeg
Beike Product & Technology
Beike Product & Technology
Sep 8, 2021 · Frontend Development

An Introduction to WebAssembly: Origins, Performance Benefits, and Practical Example

This article explains what WebAssembly is, why it was created, how its binary format and compilation model give it near‑native speed compared with JavaScript, and provides a step‑by‑step example of building and loading a simple Wasm module.

EmscriptenFrontend DevelopmentJavaScript
0 likes · 14 min read
An Introduction to WebAssembly: Origins, Performance Benefits, and Practical Example
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 PerformanceEmscriptenFrontend Development
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.

EmscriptenFFmpegFrontend Development
0 likes · 25 min read
How to Capture Video Frames in the Browser with FFmpeg and WebAssembly
360 Tech Engineering
360 Tech Engineering
Feb 11, 2020 · Frontend Development

Improving Front‑End Decompression Performance with WebAssembly and Web Workers

This article describes how to replace the JavaScript‑based JSZip decompression in a Three.js 3D viewer with a C‑based Zip library compiled to WebAssembly via Emscripten, run inside a Web Worker, and demonstrates measurable performance gains through detailed testing.

EmscriptenFrontendPerformance
0 likes · 10 min read
Improving Front‑End Decompression Performance with WebAssembly and Web Workers
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.

EmscriptenFileIOMD5
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.

DockerEmscriptenFrontend
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.

EmscriptenJavaScriptPerformance
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.

ChromeEmscriptenOrigin Trial
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.

EmscriptenFrontendJavaScript
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.

EmscriptenJavaScriptPerformance
0 likes · 18 min read
WebAssembly Overview, Setup, and Usage with Emscripten, C/C++, and Rust
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.

BinaryenCompilationEmscripten
0 likes · 10 min read
Introduction to WebAssembly, Emscripten, and Binaryen: Installation, Compilation, and Usage