[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill-remotion-remotion-multimedia":3,"mdc-ui89x-key":34,"related-org-remotion-remotion-multimedia":110,"related-repo-remotion-remotion-multimedia":260},{"slug":4,"name":4,"fn":5,"description":6,"org":7,"tags":12,"stars":21,"repoUrl":22,"updatedAt":23,"license":24,"forks":25,"topics":26,"repo":29,"sourceUrl":32,"mdContent":33},"remotion-multimedia","interact with Mediabunny in Remotion","Interacting with Mediabunny",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},"remotion","Remotion","https:\u002F\u002Fpexgzepcugksgbtrxkhf.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Forg-logos\u002Fremotion.png","remotion-dev",[13,17,18],{"name":14,"slug":15,"type":16},"Media","media","tag",{"name":9,"slug":8,"type":16},{"name":19,"slug":20,"type":16},"Video","video",54855,"https:\u002F\u002Fgithub.com\u002Fremotion-dev\u002Fremotion","2026-07-27T06:28:53.1297",null,4008,[27,28,20],"javascript","react",{"repoUrl":22,"stars":21,"forks":25,"topics":30,"description":31},[27,28,20],"🎥      Make videos programmatically with React","https:\u002F\u002Fgithub.com\u002Fremotion-dev\u002Fremotion\u002Ftree\u002FHEAD\u002Fpackages\u002Fskills\u002Fskills\u002Fremotion-multimedia","---\nname: remotion-multimedia\ndescription: Interacting with Mediabunny\nmetadata:\n  tags: remotion, mediabunny, multimedia, video, audio\n---\n\nMediabunny is a multimedia library for dealing with audio and video in the browser.\nHere is a compact overview of its capabilities: https:\u002F\u002Fmediabunny.dev\u002Fllms.txt\n\n## Getting audio duration\n\nSee [get-audio-duration.md](get-audio-duration.md) for getting the duration of an audio file in seconds with Mediabunny.\n\n## Getting video dimensions\n\nSee [get-video-dimensions.md](get-video-dimensions.md) for getting the width and height of a video file with Mediabunny.\n\n## Getting video duration\n\nSee [get-video-duration.md](get-video-duration.md) for getting the duration of a video file in seconds with Mediabunny.\n",{"data":35,"body":38},{"name":4,"description":6,"metadata":36},{"tags":37},"remotion, mediabunny, multimedia, video, audio",{"type":39,"children":40},"root",[41,57,64,76,82,93,99],{"type":42,"tag":43,"props":44,"children":45},"element","p",{},[46,49],{"type":47,"value":48},"text","Mediabunny is a multimedia library for dealing with audio and video in the browser.\nHere is a compact overview of its capabilities: ",{"type":42,"tag":50,"props":51,"children":55},"a",{"href":52,"rel":53},"https:\u002F\u002Fmediabunny.dev\u002Fllms.txt",[54],"nofollow",[56],{"type":47,"value":52},{"type":42,"tag":58,"props":59,"children":61},"h2",{"id":60},"getting-audio-duration",[62],{"type":47,"value":63},"Getting audio duration",{"type":42,"tag":43,"props":65,"children":66},{},[67,69,74],{"type":47,"value":68},"See ",{"type":42,"tag":50,"props":70,"children":72},{"href":71},"get-audio-duration.md",[73],{"type":47,"value":71},{"type":47,"value":75}," for getting the duration of an audio file in seconds with Mediabunny.",{"type":42,"tag":58,"props":77,"children":79},{"id":78},"getting-video-dimensions",[80],{"type":47,"value":81},"Getting video dimensions",{"type":42,"tag":43,"props":83,"children":84},{},[85,86,91],{"type":47,"value":68},{"type":42,"tag":50,"props":87,"children":89},{"href":88},"get-video-dimensions.md",[90],{"type":47,"value":88},{"type":47,"value":92}," for getting the width and height of a video file with Mediabunny.",{"type":42,"tag":58,"props":94,"children":96},{"id":95},"getting-video-duration",[97],{"type":47,"value":98},"Getting video duration",{"type":42,"tag":43,"props":100,"children":101},{},[102,103,108],{"type":47,"value":68},{"type":42,"tag":50,"props":104,"children":106},{"href":105},"get-video-duration.md",[107],{"type":47,"value":105},{"type":47,"value":109}," for getting the duration of a video file in seconds with Mediabunny.",{"items":111,"total":259},[112,129,142,148,164,178,190,204,217,230,245],{"slug":113,"name":113,"fn":114,"description":115,"org":116,"tags":117,"stars":21,"repoUrl":22,"updatedAt":128},"remotion-best-practices","build programmatic videos with Remotion","Router for all Remotion skills",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[118,121,123,124,127],{"name":119,"slug":120,"type":16},"Animation","animation",{"name":122,"slug":28,"type":16},"React",{"name":9,"slug":8,"type":16},{"name":125,"slug":126,"type":16},"TypeScript","typescript",{"name":19,"slug":20,"type":16},"2026-07-27T06:08:28.310856",{"slug":130,"name":130,"fn":131,"description":132,"org":133,"tags":134,"stars":21,"repoUrl":22,"updatedAt":141},"remotion-interactivity","create interactive Remotion animations","Structure Remotion markup for interactivity",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[135,136,139,140],{"name":119,"slug":120,"type":16},{"name":137,"slug":138,"type":16},"Design","design",{"name":122,"slug":28,"type":16},{"name":9,"slug":8,"type":16},"2026-07-30T05:25:35.376625",{"slug":4,"name":4,"fn":5,"description":6,"org":143,"tags":144,"stars":21,"repoUrl":22,"updatedAt":23},{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[145,146,147],{"name":14,"slug":15,"type":16},{"name":9,"slug":8,"type":16},{"name":19,"slug":20,"type":16},{"slug":149,"name":149,"fn":150,"description":151,"org":152,"tags":153,"stars":21,"repoUrl":22,"updatedAt":163},"remotion-saas","build Remotion-powered SaaS applications","Build an app with Remotion",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[154,155,156,159,160],{"name":122,"slug":28,"type":16},{"name":9,"slug":8,"type":16},{"name":157,"slug":158,"type":16},"SaaS","saas",{"name":19,"slug":20,"type":16},{"name":161,"slug":162,"type":16},"Web Development","web-development","2026-07-27T06:08:27.300451",{"slug":165,"name":165,"fn":166,"description":167,"org":168,"tags":169,"stars":175,"repoUrl":176,"updatedAt":177},"remotion-captions","manage video captions in Remotion","Transcribing, displaying and animating captions",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[170,171,174],{"name":9,"slug":8,"type":16},{"name":172,"slug":173,"type":16},"Transcription","transcription",{"name":19,"slug":20,"type":16},4160,"https:\u002F\u002Fgithub.com\u002Fremotion-dev\u002Fskills","2026-07-30T05:25:30.695925",{"slug":179,"name":179,"fn":180,"description":181,"org":182,"tags":183,"stars":175,"repoUrl":176,"updatedAt":189},"remotion-create","create new Remotion video projects","Create a new Remotion video",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[184,187,188],{"name":185,"slug":186,"type":16},"Creative","creative",{"name":9,"slug":8,"type":16},{"name":19,"slug":20,"type":16},"2026-07-30T05:25:29.406181",{"slug":191,"name":191,"fn":192,"description":193,"org":194,"tags":195,"stars":175,"repoUrl":176,"updatedAt":203},"remotion-docs","search Remotion documentation","Search Remotion documentation",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[196,199,202],{"name":197,"slug":198,"type":16},"Documentation","documentation",{"name":200,"slug":201,"type":16},"Reference","reference",{"name":9,"slug":8,"type":16},"2026-07-30T05:25:32.714247",{"slug":205,"name":205,"fn":206,"description":207,"org":208,"tags":209,"stars":175,"repoUrl":176,"updatedAt":216},"remotion-maps","animate maps using Remotion","Remotion Map animation knowledge",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[210,211,214,215],{"name":119,"slug":120,"type":16},{"name":212,"slug":213,"type":16},"Maps","maps",{"name":9,"slug":8,"type":16},{"name":19,"slug":20,"type":16},"2026-07-30T05:25:28.60293",{"slug":218,"name":218,"fn":219,"description":220,"org":221,"tags":222,"stars":175,"repoUrl":176,"updatedAt":229},"remotion-markup","write Remotion React markup","Content, animation and effects best practices",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[223,226,227,228],{"name":224,"slug":225,"type":16},"Frontend","frontend",{"name":122,"slug":28,"type":16},{"name":9,"slug":8,"type":16},{"name":19,"slug":20,"type":16},"2026-07-30T05:25:33.787523",{"slug":231,"name":231,"fn":232,"description":233,"org":234,"tags":235,"stars":175,"repoUrl":176,"updatedAt":244},"remotion-render","render videos with Remotion","Export a Remotion video",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[236,239,242,243],{"name":237,"slug":238,"type":16},"Deployment","deployment",{"name":240,"slug":241,"type":16},"Performance","performance",{"name":9,"slug":8,"type":16},{"name":19,"slug":20,"type":16},"2026-07-30T05:25:31.705328",{"slug":246,"name":246,"fn":247,"description":248,"org":249,"tags":250,"stars":175,"repoUrl":176,"updatedAt":258},"remotion-upgrade","upgrade Remotion projects and dependencies","Upgrade Remotion, its related packages, compatible Mediabunny packages, and installed Remotion Agent Skills. Use when asked to upgrade or update a Remotion project.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[251,254,257],{"name":252,"slug":253,"type":16},"Engineering","engineering",{"name":255,"slug":256,"type":16},"Migration","migration",{"name":9,"slug":8,"type":16},"2026-07-21T06:07:40.273712",11,{"items":261,"total":291},[262,270,277,283],{"slug":113,"name":113,"fn":114,"description":115,"org":263,"tags":264,"stars":21,"repoUrl":22,"updatedAt":128},{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[265,266,267,268,269],{"name":119,"slug":120,"type":16},{"name":122,"slug":28,"type":16},{"name":9,"slug":8,"type":16},{"name":125,"slug":126,"type":16},{"name":19,"slug":20,"type":16},{"slug":130,"name":130,"fn":131,"description":132,"org":271,"tags":272,"stars":21,"repoUrl":22,"updatedAt":141},{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[273,274,275,276],{"name":119,"slug":120,"type":16},{"name":137,"slug":138,"type":16},{"name":122,"slug":28,"type":16},{"name":9,"slug":8,"type":16},{"slug":4,"name":4,"fn":5,"description":6,"org":278,"tags":279,"stars":21,"repoUrl":22,"updatedAt":23},{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[280,281,282],{"name":14,"slug":15,"type":16},{"name":9,"slug":8,"type":16},{"name":19,"slug":20,"type":16},{"slug":149,"name":149,"fn":150,"description":151,"org":284,"tags":285,"stars":21,"repoUrl":22,"updatedAt":163},{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[286,287,288,289,290],{"name":122,"slug":28,"type":16},{"name":9,"slug":8,"type":16},{"name":157,"slug":158,"type":16},{"name":19,"slug":20,"type":16},{"name":161,"slug":162,"type":16},4]