Skip to content

Commit 49ac300

Browse files
committed
Address review comments part 2
1 parent 3c73856 commit 49ac300

File tree

1 file changed

+9
-4
lines changed

1 file changed

+9
-4
lines changed

docs/ff-concepts/file-handling/displaying-media.md

Lines changed: 9 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -11,6 +11,7 @@ keywords: [Media Files, Media Management, Assets, Network, Display Media, Media
1111

1212
Displaying media efficiently is crucial for enhancing user experience in your FlutterFlow app. Whether you're working with images, audio, video, or PDFs, FlutterFlow provides flexible options for integrating and managing media. This guide covers how to set media sources, customize playback settings, and implement best practices like lazy loading, caching, and BlurHash to optimize performance.
1313

14+
## Media Types
1415
To display media on widgets, navigate to the **Properties Panel** and specify the media source under the **[Media] Type** option (e.g., ImageType, AudioType, VideoType). Here are the available options:
1516

1617
### Network
@@ -39,13 +40,17 @@ Use this option to upload media from your computer or select previously uploaded
3940

4041
### Uploaded File
4142

42-
Selecting this option allows for the dynamic handling of media within your app, accommodating media uploaded by users during app usage. For example, if you simply wish to display an image within your app without uploading it anywhere, or if you'd like to preview the image before sending it to your server through an API, you can achieve this by setting the source as **Widget State -> Uploaded Local File**.
43+
You can access media files within your app without uploading them anywhere. For example, if you'd like to preview an image before sending it to cloud storage, you can do so by setting the source to **Widget State -> Uploaded Local File**.
4344

4445
![dm-local-upload.avif](imgs/dm-local-upload.avif)
4546

4647
## AudioPlayer
4748

48-
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**](#) section for more details on accessing media.
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+
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.
53+
:::
4954

5055
### Customization Options
5156

@@ -177,7 +182,7 @@ This action only works if you have added a [**Play Sound**](#play-sound-action)
177182

178183
## VideoPlayer
179184

180-
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**](#) section for more details on accessing media.
185+
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.
181186

182187
### Customization Options
183188

@@ -207,7 +212,7 @@ The **YouTubePlayer** widget in FlutterFlow allows you to seamlessly integrate
207212

208213
## PdfViewer
209214

210-
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**](#) section for more details.
215+
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.
211216

212217
### Customization Options
213218

0 commit comments

Comments
 (0)