diff --git a/voicevox-remotion-template/package-lock.json b/voicevox-remotion-template/package-lock.json
index 26590c4..f90d461 100644
--- a/voicevox-remotion-template/package-lock.json
+++ b/voicevox-remotion-template/package-lock.json
@@ -8,6 +8,7 @@
       "name": "voicevox-remotion-template",
       "version": "0.1.0",
       "dependencies": {
+        "@remotion/media": "4.0.409",
         "react": "^18.2.0",
         "react-dom": "^18.2.0",
         "remotion": "^4.0.280"
@@ -780,6 +781,19 @@
       "integrity": "sha512-lo9S78ngigQzuZnEtyLrUz7DDxDYXoaDQK+4bUVl9PKBdxJXrAyrzaEb+qv/ooKY8GaoOLU409yKyJYfAiUBDg==",
       "dev": true
     },
+    "node_modules/@remotion/media": {
+      "version": "4.0.409",
+      "resolved": "https://registry.npmjs.org/@remotion/media/-/media-4.0.409.tgz",
+      "integrity": "sha512-lEdalyN0pBpcnjuHcL8Lxal8mpuPASBxDwmRrfMKufPnLwakWnlohH8FCIDoCvJSf1yJYgJlfuC603ZN95X1tg==",
+      "dependencies": {
+        "mediabunny": "1.29.0",
+        "remotion": "4.0.409"
+      },
+      "peerDependencies": {
+        "react": ">=16.8.0",
+        "react-dom": ">=16.8.0"
+      }
+    },
     "node_modules/@remotion/media-parser": {
       "version": "4.0.409",
       "resolved": "https://registry.npmjs.org/@remotion/media-parser/-/media-parser-4.0.409.tgz",
@@ -954,7 +968,6 @@
       "version": "0.1.11",
       "resolved": "https://registry.npmjs.org/@types/dom-mediacapture-transform/-/dom-mediacapture-transform-0.1.11.tgz",
       "integrity": "sha512-Y2p+nGf1bF2XMttBnsVPHUWzRRZzqUoJAKmiP10b5umnO6DDrWI0BrGDJy1pOHoOULVmGSfFNkQrAlC5dcj6nQ==",
-      "dev": true,
       "dependencies": {
         "@types/dom-webcodecs": "*"
       }
@@ -962,8 +975,7 @@
     "node_modules/@types/dom-webcodecs": {
       "version": "0.1.13",
       "resolved": "https://registry.npmjs.org/@types/dom-webcodecs/-/dom-webcodecs-0.1.13.tgz",
-      "integrity": "sha512-O5hkiFIcjjszPIYyUSyvScyvrBoV3NOEEZx/pMlsu44TKzWNkLVBBxnxJz42in5n3QIolYOcBYFCPZZ0h8SkwQ==",
-      "dev": true
+      "integrity": "sha512-O5hkiFIcjjszPIYyUSyvScyvrBoV3NOEEZx/pMlsu44TKzWNkLVBBxnxJz42in5n3QIolYOcBYFCPZZ0h8SkwQ=="
     },
     "node_modules/@types/eslint": {
       "version": "9.6.1",
@@ -4163,7 +4175,6 @@
       "version": "1.29.0",
       "resolved": "https://registry.npmjs.org/mediabunny/-/mediabunny-1.29.0.tgz",
       "integrity": "sha512-18B8w/rhO/ph/AFsIXvzZg8RaSQZ+ZYfJ99MZlTjDmlgCT58jV3azrnWQ/OSquYDi8q0xmn64mnfTEHgww3+zw==",
-      "dev": true,
       "dependencies": {
         "@types/dom-mediacapture-transform": "^0.1.11",
         "@types/dom-webcodecs": "0.1.13"
diff --git a/voicevox-remotion-template/package.json b/voicevox-remotion-template/package.json
index d2d4a97..225d79a 100644
--- a/voicevox-remotion-template/package.json
+++ b/voicevox-remotion-template/package.json
@@ -10,6 +10,7 @@
     "voice:generate": "node scripts/voicevox-generate.js"
   },
   "dependencies": {
+    "@remotion/media": "4.0.409",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "remotion": "^4.0.280"
diff --git a/voicevox-remotion-template/src/yukkuri-composition.tsx b/voicevox-remotion-template/src/yukkuri-composition.tsx
index 3c7a0e6..ea75b1c 100644
--- a/voicevox-remotion-template/src/yukkuri-composition.tsx
+++ b/voicevox-remotion-template/src/yukkuri-composition.tsx
@@ -1,7 +1,7 @@
 import React from "react";
+import {Audio} from "@remotion/media";
 import {
   AbsoluteFill,
-  Audio,
   Img,
   interpolate,
   Sequence,