惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

雷峰网
雷峰网
G
Google Developers Blog
Blog — PlanetScale
Blog — PlanetScale
P
Proofpoint News Feed
博客园 - Franky
L
LangChain Blog
GbyAI
GbyAI
A
About on SuperTechFans
MongoDB | Blog
MongoDB | Blog
F
Fortinet All Blogs
Y
Y Combinator Blog
Stack Overflow Blog
Stack Overflow Blog
博客园 - 叶小钗
N
Netflix TechBlog - Medium
D
DataBreaches.Net
Martin Fowler
Martin Fowler
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
Hugging Face - Blog
Hugging Face - Blog
博客园_首页
爱范儿
爱范儿
罗磊的独立博客
H
Help Net Security
云风的 BLOG
云风的 BLOG
C
Check Point Blog

DEV Community

Authentication Security Deep Dive: From Brute Force to Salted Hashing (With Java Examples) Why AI Systems Don’t Fail — They Drift Spilling beans for how i learn for exam😁"Reinforcement Learning Cheat Sheet" I Replaced Chrome with Safari for AI Browser Automation. Here's What Broke (and What Finally Worked) How Python Borrows Other People's Work The $40 Architecture: Processing 1 Billion API Requests with 99.99% Uptime Vibe Coding: A Workflow Guide (From Zero to SaaS) Most webhook security guides protect the wrong side. The scary part is delivery. Headless CMS for TanStack Start: Build a Blog with Cosmic EU Age Verification App "Hacked in 2 Minutes" — What Actually Happened Comfy Cloud’s delete function does not actually remove files Running AI Models on GPU Cloud Servers: A Beginner Guide Event-driven media intelligence with AWS Step Functions and Bedrock I scored 500 AI prompts across 8 quality dimensions — here's what broke How to Call Google Gemini API from Next.js (Free Tier, No Backend Needed) The Portal Protocol: Reclaiming Human Connection in the Age of AI How to Fix Your Team's Scattered Knowledge Problem With a Self-Hosted Forum Intro to tc Cloud Functors: A Graph-First Mental Model for the Modern Cloud Designing Multi-Tenant Backends With Both Ownership and Team Access I Built a Neumorphic CSS Library with 77+ Components — Here's What I Learned PostgreSQL Performance Optimization: Why Connection Pooling Is Critical at Scale Cómo construí un SaaS multi-rubro para gestionar expensas en Argentina con FastAPI + Vue 3 🚀 I Built an Ethical Hacking Scanner Tool – Open Source Project I Replaced /usage and /context in Claude Code With a Single Statusline A Pythonic Way to Handle Emails (IMAP/SMTP) with Auto-Discovery and AI-Ready Design I Collected 8.9 Million Polymarket Price Points — Here's What I Found About How Markets Really Move EcoTrack AI — Carbon Footprint Tracker & Dashboard Everyone's Using AI. No One Agrees How. 5 self-hosted ebook managers worth trying in 2026 Building Your First AI Agent with LangChain: From Chatbot to Autonomous Assistant
I built 12 free browser-based tools for creators — here's...
Oleksandr · 2026-06-01 · via DEV Community

Oleksandr

A few weeks ago I launched ClipGG — a collection of 12 free
browser-based tools for content creators, video editors,
and writers. No signups, no file uploads, no subscriptions.
Everything runs locally in the browser.

Here is what I learned building it.

Why browser-based?

The obvious reason is privacy. When you upload a video to
an online tool, you have no idea where that file goes or
how long it sits on someone's server. With browser-based
processing, the file never leaves your device.

The less obvious reason is speed. No upload queue, no
server processing time, no waiting. The Web Audio API,
Canvas API, and MediaRecorder handle surprisingly heavy
tasks directly in the tab.

What the tools do

The suite covers the small repetitive tasks that slow
down a creator's workflow:

  • Word & Character Counter — real-time word count, reading time, speaking time, and keyword density
  • SRT Subtitle Cleaner — strips timecodes and tags from subtitle files, converts to plain text or article format
  • SRT ↔ VTT Converter — converts between subtitle formats for HTML5 video and YouTube
  • YouTube Title Validator — previews how your title looks in desktop and mobile search before publishing
  • Audio Extractor — pulls audio from MP4, WebM, MKV using the Web Audio API, no upload
  • Video Aspect Ratio Resizer — crops horizontal video to 9:16 for TikTok and Shorts with blur background fill
  • AI Video Hook Generator — generates scroll-stopping opening lines for short-form video
  • AI Freelance Email Generator — writes cold emails and Upwork proposals based on job description
  • AI Content Repurpose Machine — turns one piece of content into Twitter threads, LinkedIn posts, and more
  • Bulk Image Compressor — batch compresses JPEG, PNG, WebP locally using Canvas
  • YouTube Thumbnail Downloader — grabs HD thumbnails and extracts dominant color palettes
  • Video Teleprompter — smooth scrolling prompter with mirror mode and webcam overlay

One technical thing worth sharing

The Audio Extractor was the hardest to get right. True MP3
encoding requires a licensed codec that browsers don't
include natively. The output is WebM/Opus — smaller than
WAV, excellent quality, plays in every modern browser and
media player. Renaming to .mp3 works in most players too.

For the Video Aspect Ratio Resizer, the blur background
effect uses a second canvas layer running the same video
at low resolution with a CSS blur filter, composited
behind the main cropped layer using MediaRecorder. It
runs at full speed on any modern laptop.

The stack

Next.js App Router, 16 languages via i18n, all processing
in the browser using native Web APIs. No backend for the
tools themselves.

Try it

Everything is free at clipgg.uk
no account, no limits.

Happy to answer questions about any of the browser API
implementations.