{"id":24082450,"url":"https://github.com/web-atoms/media-converter","last_synced_at":"2026-02-11T11:34:42.761Z","repository":{"id":259582721,"uuid":"878253066","full_name":"web-atoms/media-converter","owner":"web-atoms","description":"MP4 to WebM Converter in Browser using WebCodecs","archived":false,"fork":false,"pushed_at":"2024-10-25T16:41:25.000Z","size":191,"stargazers_count":3,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-09-16T15:56:16.294Z","etag":null,"topics":["browser","video-conversion","webcodec"],"latest_commit_sha":null,"homepage":"https://video-resizer.socialmail.me/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/web-atoms.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-10-25T03:38:01.000Z","updated_at":"2024-10-26T03:34:52.000Z","dependencies_parsed_at":"2024-10-26T18:12:21.042Z","dependency_job_id":"118e4c85-0244-4864-bce4-b1f7ed167d8a","html_url":"https://github.com/web-atoms/media-converter","commit_stats":null,"previous_names":["web-atoms/media-converter"],"tags_count":4,"template":false,"template_full_name":null,"purl":"pkg:github/web-atoms/media-converter","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/web-atoms%2Fmedia-converter","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/web-atoms%2Fmedia-converter/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/web-atoms%2Fmedia-converter/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/web-atoms%2Fmedia-converter/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/web-atoms","download_url":"https://codeload.github.com/web-atoms/media-converter/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/web-atoms%2Fmedia-converter/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29332606,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-11T06:13:03.264Z","status":"ssl_error","status_checked_at":"2026-02-11T06:12:55.843Z","response_time":97,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["browser","video-conversion","webcodec"],"created_at":"2025-01-09T23:46:55.013Z","updated_at":"2026-02-11T11:34:42.744Z","avatar_url":"https://github.com/web-atoms.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"[![Action Status](https://github.com/web-atoms/media-converter/workflows/Build/badge.svg)](https://github.com/web-atoms/media-converter/actions) [![npm version](https://badge.fury.io/js/%40web-atoms%2Fcore.svg)](https://badge.fury.io/js/%40web-atoms%2Fcore)\n\n\n# Media Convert\nMP4 to WebM Converter in Browser using WebCodecs\n\n1. WebCodecs provides faster media encoder/decoder.\n2. Supports resizing video to lower file size by reudcing bit rate.\n3. Supported on Chrome.\n\n# Current Issues, Need Help with Following.\n\n1. Audio Encoding has some frames dropped (audio is choppy)\n2. Video Encoding is not working firefox due to codec naming.\n\n```html\n\u003c!DOCTYPE HTML\u003e\n\u003chtml\u003e\n    \u003chead\u003e\u003c/head\u003e\n    \u003cbody\u003e\n        \u003cdiv\u003eChoose File\u003c/div\u003e\n        \u003cinput id=\"videoFile\" type=\"file\" accept=\"video/*\"\u003e\n        \u003cprogress min=\"0\" max=\"1\"\u003e\u003c/progress\u003e\n        \u003cvideo controls=\"true\" style=\"height: 500px\"\u003e\u003c/video\u003e\n        \u003cpre style=\"height: 400px; width: 100%\"\u003e\u003c/pre\u003e\n\n        \u003cscript type=\"module\"\u003e\n\n            import { MediaConverter } from \"https://cdn.jsdelivr.net/npm/@web-atoms/media-converter@1.0.4/dist/index.js\"\n\n            const progress = document.body.querySelector(\"progress\");\n            const pre = document.body.querySelector(\"pre\");\n            const input = document.body.querySelector(\"input\");\n            const video = document.body.querySelector(\"video\");\n\n            progress.style.display = \"none\";\n\n            input.onchange = () =\u003e {\n                convertFile(input.files[0]).catch((error) =\u003e {\n                    pre.append(document.createTextNode((error.stack ?? stack) + \"\\n\"));\n                })\n            };\n\n            async function convertFile(file) {\n                progress.style.removeProperty(\"display\");\n                const mc = new MediaConverter();\n                const output = await mc.convert(file, {\n                    outputName: file.name + \".webm\",\n                    maxHeight: 720,\n                    maxSize: 25*1024*1024,\n                    onProgress: (x) =\u003e progress.value = x\n                });\n\n                const url = URL.createObjectURL(output);\n                video.src = url;\n                progress.style.display = \"none\";\n            }\n        \u003c/script\u003e\n    \u003c/body\u003e\n\u003c/html\u003e\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fweb-atoms%2Fmedia-converter","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fweb-atoms%2Fmedia-converter","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fweb-atoms%2Fmedia-converter/lists"}