The Ionic 4 Media Files Guide (Images, Movies & Audio)

In this tutorial we will build an Ionic 4 app and capture images, movies & audio files which we will also store in our applications data directory and play them using a lot of Cordova plugins!

#############################

👨‍💻 Want to read instead of watch?

😱 NEW: Capacitor Crash Course!

⚡️Take my famous 7 Day Ionic Crash Course

🤷‍♂️Want more Ionic tutorials?

#############################

❤️You can also find me...

Or join our Facebook group:

#############################

[nanakwame]

One thing i like most about Simon is, when he faces a challenge he passes it to his audience to embrace their views. Great work done! I love it

[TheSaceone]

Simon was so superexcited he forgot to minimize himself until deploy time haha

[sangitajaiswal]

Great tutorial Simon. You are making our life easier. Thank you. Can you consider creating video on firebase phone authentication with ionic auto verify otp

[jabco]

Excelente ! Te sigo desde hace mucho !
Me gustaría que hicieras un tutorial de cómo hacer un botón para reproducir audio streaming .
"Emisora, Radio streaming"
Gracias !! :D

[hatimhitman]

Hey Simon, i always watch your videos to learn app development.
In this particular video, the code is not visible as you are sitting in front of screen and code view is being blocked. could you please re upload the video

[Raikishadows]

I have an error in the copyFileToLocalDir method, after recording and giving it ready to be displayed in the app I get an error Object: Object

[manishbolbanda]

hey, in a project i have used document-scanner to capture docs, it saves the image in Picture folder.
after image being saved, if i try to access image to convert it to Base64 then i get error as File Not found.i dont understand whats the reason.

[errinwright]

Is it possible to add more buttons into the video record feature like Tiktok or snapchat or insta reels?

[anouerrouissi]

Awesome video but what about this: {code: 20, message: "No Activity found to handle Audio Capture."} didn't get the point, thanks

[carlosraulgregorioabreuter]

Hi, first of all, thanks a lot for this material, I just joined to your crash course, and looks amazing, I was wondering if you have a course or know where can I find information about implement VoIP in Ionic (of course), this question goes for everyone here..!!

[rameshkumarkonda]

hi Nice video
how to
download URL files in Ionic without using the File plugin and save internal device download files pls help

[Paranoia-vs]

Will you re-upload the video? It is difficult to watch the video with your camera in the middle of the code.

[pascalm]

Unfortunately we can't watch the code because you are in the middle of the screen

[Stvasan]

Hi Simon, thanks for the tutorial. Have a query. I have an android device (V 10) and I want to play a file. I tried several options to provide the full path, absolute path, relative path etc. but none works. In the "this.media.create(filepath)", what should be given in the filepath? I'm trying to play an MP3 file that is stored on the root directory of my phone. Please help. Thanks !

[anouerrouissi]

Awesome video but what about this: {code: 20, message: "No Activity found to handle Audio Capture."} didn't get the point, thanks
only for Android

[shubhodeepbhattacharya]

great video.
can you suggest a way to upload a video from photogallery to a backend server?

[byth]

Hi I'm developing an ionic app, but i have a problem which is to connect to my wamp server 3.1.7 using Android studio amulator or my Android device. I'm using MySQL and laravel at backend

[danishaftab]

Getting FileError {code: 1, message: "NOT_FOUND_ERR"}
code: 1
message: "NOT_FOUND_ERR" while uploading audio. Video and images are working fine. Any leads?

[julartvandeweb]

Thank you so much for this awesome demo

[Supergajic]

Hello Simon! Great tutorial! I'm wondering if its possible to take several images with the camera whitout the need to confirm each picture (14:42)? Is there a "auto confirm" option somewhere because I cant find it?