Techreport blog

Engineering Insights & Guides

The best problem-solving writing in software engineering — databases, performance, security, frontend and distributed systems, in one feed.

11,841 articles
Engineering — Measure offline usage

Measure offline usage

How to track offline usage of your site so that you can make a case as to why your site needs a better offline experience.

Wweb.dev·Engineering
Engineering — Media application basics

Media application basics

Working with media often requires changing the characteristics of media files. On this page, you'll learn about the tools used and how to install them quickly.

Wweb.dev·Engineering
Security — Media encryption

Media encryption

Learn digital rights management concepts, and the commands needed to get from a raw mov file to encrypted media packaged for MPEG-DASH or HLS using both Clear Key or Widevine encryption.

Wweb.dev·Security
Engineering — Media file basics

Media file basics

You might think that you can take a video from a camera and upload it to the web as is. Preparing a video for serving from your own site is a bit more complicated.

Wweb.dev·Engineering
Systems — Media frameworks

Media frameworks

Media frameworks come in both the proprietary and open-source variety, and at their core are a set of APIs that support audio and/or video playback for various container formats and transmission protocols.

Wweb.dev·Systems
Frontend — Media Source Extensions

Media Source Extensions

Media Source Extensions (MSE) is a JavaScript API that lets you build streams for playback from segments of audio or video.

Wweb.dev·Frontend
Engineering — Media streaming basics

Media streaming basics

Media streaming is the method for continuously delivering multimedia content from a server where the content has been split into individual chunks of data that can be joined back together during playback in a specific order through a range request using protocols such as DASH and HLS.

Wweb.dev·Engineering
Frontend — CSS min(), max(), and clamp()

CSS min(), max(), and clamp()

Min, max, and clamp provide powerful CSS capabilities that enable more responsive styling with fewer liens of code. This post goes over how to control element sizing, maintain proper spacing, and implement fluid typography using these well-supported CSS math functions.

Wweb.dev·Frontend