Skip to content

Commit e1d1012

Browse files
JonnyBurgerJonnyBurger
authored
Merge pull request #5718 from remotion-dev/remove-experimental-remotion-media
2 parents 8e3e03c + 7da82f9 commit e1d1012

File tree

10 files changed

+40
-29
lines changed

10 files changed

+40
-29
lines changed

‎packages/docs/docs/media/audio.mdx‎

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -22,7 +22,7 @@ This component imports and displays a video, similar to [`<Audio />`](/docs/audi
2222

2323
```tsx twoslash
2424
import {AbsoluteFill, staticFile} from 'remotion';
25-
import {experimental_Audio as Audio} from '@remotion/media';
25+
import {Audio} from '@remotion/media';
2626

2727
export const MyVideo = () => {
2828
return (
@@ -37,7 +37,7 @@ You can load a video from an URL as well:
3737

3838
```tsx twoslash
3939
import {AbsoluteFill} from 'remotion';
40-
import {experimental_Audio as Audio} from '@remotion/media';
40+
import {Audio} from '@remotion/media';
4141
// ---cut---
4242
export const MyComposition = () => {
4343
return (
@@ -69,7 +69,7 @@ For exact behavior, see: [Order of operations](/docs/audio/order-of-operations).
6969

7070
```tsx twoslash
7171
import {AbsoluteFill, staticFile} from 'remotion';
72-
import {experimental_Audio as Audio} from '@remotion/media';
72+
import {Audio} from '@remotion/media';
7373

7474
// ---cut---
7575
export const MyComposition = () => {
@@ -92,7 +92,7 @@ Read the page on [using audio](/docs/using-audio) to learn more.
9292

9393
```tsx twoslash title="Setting a static volume"
9494
import {AbsoluteFill, staticFile} from 'remotion';
95-
import {experimental_Audio as Audio} from '@remotion/media';
95+
import {Audio} from '@remotion/media';
9696

9797
export const MyVideo = () => {
9898
return (
@@ -105,7 +105,7 @@ export const MyVideo = () => {
105105

106106
```tsx twoslash title="Changing the volume over time"
107107
import {AbsoluteFill, interpolate, staticFile} from 'remotion';
108-
import {experimental_Audio as Audio} from '@remotion/media';
108+
import {Audio} from '@remotion/media';
109109

110110
export const MyVideo = () => {
111111
return (
@@ -130,7 +130,7 @@ Controls the speed of the audio. `1` is the default and means regular speed, `0.
130130

131131
```tsx twoslash title="Example of a audio playing twice as fast"
132132
import {AbsoluteFill, staticFile} from 'remotion';
133-
import {experimental_Audio as Audio} from '@remotion/media';
133+
import {Audio} from '@remotion/media';
134134

135135
// ---cut---
136136
export const MyComposition = () => {
@@ -151,7 +151,7 @@ Playing a audio in reverse is not supported.
151151
Makes the audio loop indefinitely.
152152

153153
```tsx twoslash title="Example of a looped audio"
154-
import {experimental_Audio as Audio} from '@remotion/media';
154+
import {Audio} from '@remotion/media';
155155

156156
// ---cut---
157157
export const MyComposition = () => {
@@ -170,7 +170,7 @@ Can be either `"repeat"` (default, start from 0 on each iteration) or `"extend"`
170170
The `muted` prop will be respected. It will lead to no audio being played while still keeping the audio tag mounted. It's value may change over time, for example to only mute a certain section of the audio.
171171

172172
```tsx twoslash title="Example of a muted video"
173-
import {experimental_Audio as Audio} from '@remotion/media';
173+
import {Audio} from '@remotion/media';
174174
// ---cut---
175175
export const MyComposition = () => {
176176
return <Audio muted src="https://remotion.media/audio.wav" />;
@@ -199,7 +199,7 @@ Select the audio stream to use. The default is `0`.
199199

200200
```tsx twoslash
201201
import {AbsoluteFill} from 'remotion';
202-
import {experimental_Audio as Audio} from '@remotion/media';
202+
import {Audio} from '@remotion/media';
203203

204204
// ---cut---
205205
export const MyComposition = () => {

‎packages/docs/docs/media/fallback.mdx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -31,7 +31,7 @@ If you are rendering on an environment where the logs are not immediately visibl
3131
To prevent [`<Video>`](/docs/media/video) from falling back to [`<OffthreadVideo>`](/docs/offthreadvideo), set the [`disallowFallbackToOffthreadVideo`](/docs/media/video#disallowfallbacktooffthreadvideo) prop:
3232

3333
```tsx twoslash title="No fallback to OffthreadVideo"
34-
import {experimental_Video as Video} from '@remotion/media';
34+
import {Video} from '@remotion/media';
3535

3636
export const MyComp: React.FC = () => {
3737
return <Video src="https://remotion.media/video.mp4" disallowFallbackToOffthreadVideo />;
@@ -41,7 +41,7 @@ export const MyComp: React.FC = () => {
4141
To prevent [`<Audio>`](/docs/media/audio) from falling back to [`<Audio>`](/docs/audio) from [`remotion`](/docs/remotion), set the [`disallowFallbackToHtml5Audio`](/docs/media/audio#disallowfallbacktohtml5audio) prop:
4242

4343
```tsx twoslash title="No fallback to HTML5 audio tag"
44-
import {experimental_Audio as Audio} from '@remotion/media';
44+
import {Audio} from '@remotion/media';
4545

4646
export const MyComp: React.FC = () => {
4747
return <Audio src="https://remotion.media/audio.mp3" disallowFallbackToHtml5Audio />;

‎packages/docs/docs/media/video.mdx‎

Lines changed: 10 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -24,7 +24,7 @@ This component has [native buffering support](/docs/player/buffer-state) enabled
2424

2525
```tsx twoslash
2626
import {AbsoluteFill, staticFile} from 'remotion';
27-
import {experimental_Video as Video} from '@remotion/media';
27+
import {Video} from '@remotion/media';
2828

2929
export const MyVideo = () => {
3030
return (
@@ -39,7 +39,7 @@ You can load a video from an URL as well:
3939

4040
```tsx twoslash
4141
import {AbsoluteFill} from 'remotion';
42-
import {experimental_Video as Video} from '@remotion/media';
42+
import {Video} from '@remotion/media';
4343
// ---cut---
4444
export const MyComposition = () => {
4545
return (
@@ -71,7 +71,7 @@ For exact behavior, see: [Order of operations](/docs/audio/order-of-operations).
7171

7272
```tsx twoslash
7373
import {AbsoluteFill, staticFile} from 'remotion';
74-
import {experimental_Video as Video} from '@remotion/media';
74+
import {Video} from '@remotion/media';
7575

7676
// ---cut---
7777
export const MyComposition = () => {
@@ -94,7 +94,7 @@ Read the page on [using audio](/docs/using-audio) to learn more.
9494

9595
```tsx twoslash title="Setting a static volume"
9696
import {AbsoluteFill, staticFile} from 'remotion';
97-
import {experimental_Video as Video} from '@remotion/media';
97+
import {Video} from '@remotion/media';
9898

9999
export const MyVideo = () => {
100100
return (
@@ -107,7 +107,7 @@ export const MyVideo = () => {
107107

108108
```tsx twoslash title="Changing the volume over time"
109109
import {AbsoluteFill, interpolate, staticFile} from 'remotion';
110-
import {experimental_Video as Video} from '@remotion/media';
110+
import {Video} from '@remotion/media';
111111

112112
export const MyVideo = () => {
113113
return (
@@ -132,7 +132,7 @@ Controls the speed of the video. `1` is the default and means regular speed, `0.
132132

133133
```tsx twoslash title="Example of a video playing twice as fast"
134134
import {AbsoluteFill, staticFile} from 'remotion';
135-
import {experimental_Video as Video} from '@remotion/media';
135+
import {Video} from '@remotion/media';
136136

137137
// ---cut---
138138
export const MyComposition = () => {
@@ -154,7 +154,7 @@ You can drop the audio of the video by adding a `muted` prop:
154154

155155
```tsx twoslash title="Example of a muted video"
156156
import {AbsoluteFill, OffthreadVideo} from 'remotion';
157-
import {experimental_Video as Video} from '@remotion/media';
157+
import {Video} from '@remotion/media';
158158
// ---cut---
159159
export const MyComposition = () => {
160160
return (
@@ -171,7 +171,7 @@ You can pass any style you can pass to a native HTML `<canvas>` element.
171171

172172
```tsx twoslash
173173
import {AbsoluteFill, staticFile} from 'remotion';
174-
import {experimental_Video as Video} from '@remotion/media';
174+
import {Video} from '@remotion/media';
175175

176176
// ---cut---
177177
export const MyComposition = () => {
@@ -189,7 +189,7 @@ Makes the video loop indefinitely.
189189

190190
```tsx twoslash title="Example of a looped video"
191191
import {AbsoluteFill} from 'remotion';
192-
import {experimental_Video as Video} from '@remotion/media';
192+
import {Video} from '@remotion/media';
193193

194194
// ---cut---
195195
export const MyComposition = () => {
@@ -231,7 +231,7 @@ Select the audio stream to use. The default is `0`.
231231

232232
```tsx twoslash
233233
import {AbsoluteFill} from 'remotion';
234-
import {experimental_Video as Video} from '@remotion/media';
234+
import {Video} from '@remotion/media';
235235

236236
// ---cut---
237237
export const MyComposition = () => {

‎packages/docs/docs/video-tags.mdx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -34,7 +34,7 @@ Use the [`useRemotionEnvironment()`](/docs/use-remotion-environment) hook to ren
3434

3535
```tsx twoslash title="OffthreadVideo during preview, @remotion/media during rendering"
3636
import {useRemotionEnvironment, OffthreadVideo, RemotionOffthreadVideoProps} from 'remotion';
37-
import {experimental_Video as Video, VideoProps} from '@remotion/media';
37+
import {Video, VideoProps} from '@remotion/media';
3838

3939
const OffthreadWhileRenderingRefForwardingFunction: React.FC<{
4040
offthreadVideoProps: RemotionOffthreadVideoProps;

‎packages/example/src/NewVideo/NewVideo.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import {experimental_Video as NewVideo} from '@remotion/media';
1+
import {Video as NewVideo} from '@remotion/media';
22

33
interface NewVideoProps {
44
src?: string;

‎packages/example/src/OffthreadRemoteVideo/NewRemoteVideo.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import {experimental_Video as Video} from '@remotion/media';
1+
import {Video} from '@remotion/media';
22
import {parseMedia} from '@remotion/media-parser';
33
import {StudioInternals} from '@remotion/studio';
44
import {CalculateMetadataFunction, staticFile} from 'remotion';

‎packages/example/src/VideoTesting/index.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import {experimental_Video as NewVideo} from '@remotion/media';
1+
import {Video as NewVideo} from '@remotion/media';
22
import {
33
OffthreadVideo,
44
Sequence,

‎packages/example/src/VideoTesting/playback.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import {experimental_Video as NewVideo} from '@remotion/media';
1+
import {Video as NewVideo} from '@remotion/media';
22
import {
33
OffthreadVideo,
44
Sequence,

‎packages/example/src/VideoTesting/trim.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import {experimental_Video as NewVideo} from '@remotion/media';
1+
import {Video as NewVideo} from '@remotion/media';
22
import {
33
OffthreadVideo,
44
Sequence,

‎packages/media/src/index.ts‎

Lines changed: 13 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,15 @@
1-
export {Audio as experimental_Audio} from './audio/audio';
1+
import {Audio} from './audio/audio';
2+
import {Video} from './video/video';
3+
/**
4+
* @deprecated Now just `Audio`
5+
*/
6+
export const experimental_Audio = Audio;
7+
8+
/**
9+
* @deprecated Now just `Video`
10+
*/
11+
export const experimental_Video = Video;
12+
213
export {AudioProps, FallbackHtml5AudioProps} from './audio/props';
314
export {VideoProps} from './video/props';
4-
export {Video as experimental_Video} from './video/video';
15+
export {Audio, Video};

0 commit comments

Comments
 (0)