You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: docs/ff-concepts/file-handling/displaying-media.md
+17-8Lines changed: 17 additions & 8 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -49,10 +49,10 @@ You can access media files within your app without uploading them anywhere. For
49
49
The **AudioPlayer** widget allows you to integrate audio playback into your apps. You can play audio from both uploaded assets and external URLs. Refer to the [**Displaying Media**](#media-types) section for more details on accessing media.
50
50
51
51
:::tip[Generated Code]
52
-
The AudioPlayer in FlutterFlow is powered by the [**assets_audio_player**](https://pub.dev/packages/assets_audio_player) package for mobile and [**assets_audio_player_web**](https://pub.dev/packages/assets_audio_player_web) for web.
52
+
The AudioPlayer in FlutterFlow uses the [**assets_audio_player**](https://pub.dev/packages/assets_audio_player) package for mobile and [**assets_audio_player_web**](https://pub.dev/packages/assets_audio_player_web) for web.
53
53
:::
54
54
55
-
### Customization Options
55
+
**Customization Options**
56
56
57
57
-**Title:** Specify the audio title in the **Title** property. You can set this directly or bind it to a variable, such as an app state variable, API response, or Firestore document.
58
58
-**Pause on Forward Navigation:** By default, the audio stops when navigating to another page.
@@ -113,7 +113,7 @@ Here’s how you can setup this action:
113
113
:::tip
114
114
115
115
- After stopping the recording, you might want to update the state variables to reflect changes on the UI. For instance, you can enable/disable buttons or stop recording animations.
116
-
- It's always a good idea to have a fail-safe mechanism to ensure recordings are properly stopped, even if the user forgets to do so manually. For instance, you can trigger this actionwhen the user closes the app without explicitly stopping it.
116
+
- It's always a good idea to have a fail-safe mechanism to ensure recordings are properly stopped, even if the user forgets to do so manually. For example, you can use the [**On Dispose**](../../resources/ui/pages/page-lifecycle.md#on-dispose-action-trigger) action trigger to stop recording when a user closes the app without manually stopping it.
117
117
118
118
:::
119
119
@@ -178,15 +178,24 @@ You can stop a sound that is currently playing, which was started by the [Play
178
178
179
179
:::info
180
180
181
-
This action only works if you have added a [**Play Sound**](#play-sound-action) action on a page.
181
+
This action is enabled only when you have added a [**Play Sound**](#play-sound-action) action on a page.
182
182
183
183
:::
184
184
185
185
## VideoPlayer
186
186
187
187
The **VideoPlayer** widget is used to show a video from uploaded assets or the URL link. The VideoPlayer widget can play various video formats such as MP4, MOV, WAV, MPEG, and JPEG motion photos. Refer to the [**Displaying Media**](#media-types) section for more details on accessing media.
188
188
189
-
### Customization Options
189
+
:::tip[]
190
+
The VideoPlayer in FlutterFlow uses several packages to ensure reliable video playback across different platforms:
191
+
192
+
-[**video_player**](https://pub.dev/packages/video_player): Provides core functionality for video playback from assets or network sources.
193
+
-[**video_player_android**](https://pub.dev/packages/video_player_android): Ensures smooth playback specifically for Android devices.
194
+
-[**video_player_avfoundation**](https://pub.dev/packages/video_player_avfoundation): Integrates with Apple's AVFoundation framework for playback on iOS devices.
195
+
-[**video_player_web**](https://pub.dev/packages/video_player_web): Enables video playback support for web browsers.
196
+
:::
197
+
198
+
**Customization Options**
190
199
191
200
The **VideoPlayer** widget includes several options to align with your app's design and functionality:
192
201
@@ -201,9 +210,9 @@ The **VideoPlayer** widget includes several options to align with your app's des
201
210
202
211
## YoutubePlayer
203
212
204
-
The **YouTubePlayer** widget in FlutterFlow allows you to seamlessly integrate and play YouTube videos within your app. It offers customizable playback options and an intuitive interface for enhancing the user experience.
213
+
The **YouTubePlayer** widget in FlutterFlow allows you to integrate and play YouTube videos within your app. It offers customizable playback options and an intuitive interface for enhancing the user experience.
205
214
206
-
### Customization Options
215
+
**Customization Options**
207
216
208
217
-**Loop Video:** When enabled, the video will automatically replay after it finishes.
209
218
-**Mute Video:** Starts the video in a muted state.
@@ -216,7 +225,7 @@ The **YouTubePlayer** widget in FlutterFlow allows you to seamlessly integrate
216
225
217
226
In FlutterFlow, the **PdfViewer** widget enables you to display PDF files within your app, supporting both network URLs and locally uploaded assets. Refer to the [**Displaying Media**](#media-types) section for more details.
218
227
219
-
### Customization Options
228
+
**Customization Options**
220
229
221
230
-**Horizontal Scroll:** By default, the PdfViewer allows vertical scrolling through pages. Enable this option to allow horizontal scrolling.
222
231
-**Use Proxy:** By default, FlutterFlow routes PDF fetching through a proxy in **Run Mode** and **Test Mode** to avoid CORS (Cross-Origin Resource Sharing) issues. **Switch this off** if you do not want the PDF request to be routed through the proxy.
0 commit comments