@orbisk/vue-use-media-recorder

🪝 vue-use-media-recorder

A Vue Composable for the MediaRecorder API

Features

• 🎥 Record audio and video streams
• 📦 Auto import for Nuxt
• 🎨 TypeScript support
• 📚 Documentation

Installation

pnpm add -D @orbisk/vue-use-media-recorder

Nuxt

Auto import for Nuxt is supported. Just add the module to your nuxt.config:

export default defineNuxtConfig({
  modules: ['@orbisk/vue-use-media-recorder/nuxt']
})

Commands

Build the package:

pnpm build

Run the development environment (vite):

pnpm dev

Run the docs:

pnpm dev:docs

Build the docs:

pnpm build:docs

Lint the package:

pnpm lint

Run test suite:

pnpm test

Start Nuxt dev environment:

pnpm dev:nuxt

Build Nuxt environment:

pnpm build:nuxt

Preview Nuxt environment:

pnpm start:nuxt

Changelog

v0.0.4

compare changes

🚀 Enhancements

• Allow stopping when paused (88cdacc)
• Rework state and mimetype computed (490923a)
• Add onStart, onStop, onPause and onResume callbacks (af859fa)
• Add UseMediaRecorder component (b0c39ba)
• Vite auto import UseMediaRecorder component (8a94eac)

📖 Documentation

• Add vitepress docs content (bdcfb7f)
• Deploy github pages (39701a6)
• Set correct base url (ee846c1)
• Fix typo (63007da)
• Remove useless video from examples (9678e65)
• Add usage (eb04cab)
• Add features and installation to README.md (71cd263)
• Add features to landingpage (eb51ce0)

🏡 Chore

• Use mkdist as builder (26ecbe5)

✅ Tests

• Adjust mime type test (2b40051)