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

Поделиться
HTML-код
  • Опубликовано: 22 окт 2024

Комментарии • 95

  • @nanakwame6208
    @nanakwame6208 4 года назад +2

    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
    @TheSaceone 5 лет назад +21

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

  • @sangitajaiswal9205
    @sangitajaiswal9205 5 лет назад +1

    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

  • @errinwright
    @errinwright 3 года назад +1

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

    • @galaxies_dev
      @galaxies_dev  3 года назад +1

      You would have to use a different plugin like CameraPreview instead, the default Camera only shows the standard controls and you can't change that.

  • @carlosraulgregorioabreuter2071
    @carlosraulgregorioabreuter2071 3 года назад

    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..!!

  • @shubhodeepbhattacharya8488
    @shubhodeepbhattacharya8488 3 года назад

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

    • @chandravardhanreddy718
      @chandravardhanreddy718 3 года назад +1

      brother did you get any solution for uploading video to a backend. please help me.

  • @rameshkumarkonda1343
    @rameshkumarkonda1343 Год назад

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

  • @Supergajic
    @Supergajic 4 года назад

    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?

    • @galaxies_dev
      @galaxies_dev  4 года назад

      Hmm I think it's an OS setting as I can't find a property for that in here: github.com/apache/cordova-plugin-camera#cameracameraoptions--object

  • @Raikishadows
    @Raikishadows 2 года назад

    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

  • @jabco1502
    @jabco1502 5 лет назад +2

    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

  • @manishbolbanda9872
    @manishbolbanda9872 3 года назад

    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.

  • @jul6artvandeweb822
    @jul6artvandeweb822 4 года назад

    Thank you so much for this awesome demo

  • @رغدصندوقه
    @رغدصندوقه 3 года назад

    Hi, I wanna ask
    If can allow to user to add his name and date
    On image? By using ionic

  • @Luis-zq7zs
    @Luis-zq7zs 4 года назад

    hello simon,
    in your example can you make it upload the videos and files to cloudinary?

  • @hatimhitman47
    @hatimhitman47 4 года назад +1

    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

    • @galaxies_dev
      @galaxies_dev  4 года назад +1

      I would if I hadn't deleted the file.. I'm sorry, I messed up in one of 80 videos. But you can read the article linked below the video with all code.

  • @Paranoia-v8s
    @Paranoia-v8s 5 лет назад +1

    Simon, why don't use capacitor?

    • @galaxies_dev
      @galaxies_dev  5 лет назад

      Because I mostly still have to use Cordova plugins within Capacitor then, and a lot of (most) people are actually still enjoying Cordova so far. Might change ofc in the near future when more Capacitor community plugins come out.

  • @anouerrouissi891
    @anouerrouissi891 4 года назад

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

  • @byth293
    @byth293 5 лет назад

    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

  • @Stvasan
    @Stvasan 4 года назад

    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 !

  • @adangelor
    @adangelor 5 лет назад

    Really thanks for all your videos. You are great!!!

  • @anouerrouissi891
    @anouerrouissi891 4 года назад

    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

  • @GoldenMashegot
    @GoldenMashegot 5 лет назад

    Great tutorial, with the release of Ionic react , is it advisable to continue learning ionic native and Cordova?

    • @galaxies_dev
      @galaxies_dev  5 лет назад +1

      I don't know a lot about Ionic React since I want to stick with Angular for now!

  • @Paranoia-v8s
    @Paranoia-v8s 5 лет назад +1

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

    • @galaxies_dev
      @galaxies_dev  5 лет назад

      Yea I messed up. The problem is I think I deleted the source file and only have the rendered video now -.-

  • @danishaftab7377
    @danishaftab7377 3 года назад

    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?

  • @oscarescam
    @oscarescam 4 года назад +1

    the best ionic chaneel!

  • @techcoach_pro
    @techcoach_pro 4 года назад

    Can capacitor plugins and Cordova plugins be used in a project. I'm working on a project but I'm using capacitor for the project. I need to be able to capture videos and images. I've been able to implement image capture but not video, I've not seen any plugin for that.
    Thank you.

    • @galaxies_dev
      @galaxies_dev  4 года назад +1

      Yes, you can always install Cordova plugins with Capacitor as well!

    • @techcoach_pro
      @techcoach_pro 4 года назад

      @@galaxies_dev Thank you sir

  • @pascalm9214
    @pascalm9214 5 лет назад +2

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

    • @galaxies_dev
      @galaxies_dev  5 лет назад

      Yes I am sorry, I messed up the editing..

    • @pascalm9214
      @pascalm9214 5 лет назад

      @@galaxies_dev No problem. Your tutorials are great !
      We are currently at version 5.
      I noticed that some tutorials do not work with the new version. Can you now do tutorials for ionic 5?

  • @dharm1990
    @dharm1990 5 лет назад

    Simon, is there any native library for recording calls in Ionic ?

    • @galaxies_dev
      @galaxies_dev  5 лет назад

      No not that I am aware of, since you also can't really hook into the native device call feature!

  • @TheSanjay1sanjay
    @TheSanjay1sanjay 4 года назад

    Hi Simon I have use your code everything working fine but I am not able to record audio in Android. When I am clicking on record audio option nothing happened. Please can you help me on this? And thank you for your great video.

    • @galaxies_dev
      @galaxies_dev  4 года назад

      I think you need to install an additional audio recorder app for Android since there's not build in function!

    • @TheSanjay1sanjay
      @TheSanjay1sanjay 4 года назад

      @@galaxies_dev Sure I'll check. Thanks for reply.

  • @franciscocabello8122
    @franciscocabello8122 4 года назад

    Hi Simon, how can I see the image in an tag.

    • @galaxies_dev
      @galaxies_dev  4 года назад +2

      If it's not showing up you might have to use the Angular sanitizer to sanitize the url before using it as the src for your img tag!

  • @TheOliverGames
    @TheOliverGames 4 года назад

    Hi Simon,
    I've been trying to implement imagePicker for a while, but with your example, after asking for permission the app closes on its own :(

    • @galaxies_dev
      @galaxies_dev  4 года назад

      Then you need to check the last with remote debugging to find out what exactly caused this crash!

  • @yogeshravi4033
    @yogeshravi4033 4 года назад

    hello Simon,i could use your help i got problem with playing and displaying the audio its not even satisfying this condition if (f.name.indexOf('.wav') > -1) any help

    • @galaxies_dev
      @galaxies_dev  4 года назад

      Then what type of audio file is it?

    • @yogeshravi4033
      @yogeshravi4033 4 года назад

      @@galaxies_dev its actually mp3 i added it in the condition also but it also doesn't satisfy the condition so i've put the other functionalities in else block so its working good now

  • @paragbhide1695
    @paragbhide1695 4 года назад

    Hi simon,
    You have only shown how to show a newly created video or audio or an image on the app. But you haven't show how to show already existing video files which are already there in Mobile device memory card as well as in internal memory.
    I also looked on your other videos but there also same situation 😃🙏
    Awaiting your response..
    Regards.

    • @galaxies_dev
      @galaxies_dev  4 года назад +1

      I'm working on a tutorial about that!

    • @paragbhide1695
      @paragbhide1695 3 года назад

      @@galaxies_dev thanks a ton for the prompt response.
      Actually I am also working on the same issue that I mentioned but I could only read the internal memory storage but not the memory card storage.
      And have also achieved to show the video files in a folder structure that means only those folder will be displayed who has video inside it..
      Again thanks a lot for all your videos... In many of my projects your videos acts as an ultimate solution to most of my most complicated programming queries then may it be a http interceptor or authorization or images upload and many more your videos are the ultimate as compared to other developers 😀
      Looking forward for the aforementioned video solution 😀😀🙏👍.
      Regards,
      Parag Bhide

  • @sachinarwade5886
    @sachinarwade5886 5 лет назад

    Hey Simon, very nice video and informative. Please do second part for uploading media stuff to firebase.
    Is it possible to you to make a video on basic spy app that will be hidden (android)??

    • @galaxies_dev
      @galaxies_dev  4 года назад

      Yes I think a second part might be a good idea, but no idea about a spy app and I don't support that ;)

  • @rameshkumarkonda1343
    @rameshkumarkonda1343 4 года назад

    hi
    we are getting MediaFile object but not accept multer node side. multer accept File object

  • @axrorabduganiyevich6667
    @axrorabduganiyevich6667 5 лет назад

    Thank you Simon brooo, live long :) and create lots of ionic videos. what else hmmm ok good luck.

  • @nawazshareef8906
    @nawazshareef8906 4 года назад

    How can we select multiple videos?

  • @anroswell
    @anroswell 4 года назад

    Simmon when your going to work with capacitor???

  • @donekeykong1
    @donekeykong1 4 года назад

    I have an question. All images downloaded or save dont show in photo gallery

    • @galaxies_dev
      @galaxies_dev  4 года назад

      You can define if you want to store image in the photolibrary directly on the camera plugin!

  • @manelmhiri67
    @manelmhiri67 4 года назад

    hey simon, how did you run it on your device on 14:30 ?

    • @manelmhiri67
      @manelmhiri67 4 года назад

      anyone? xD

    • @galaxies_dev
      @galaxies_dev  4 года назад +1

      You can simply make a native build like "Ionic cordova build ios" and then run it on your attached device :)

  • @TheSaceone
    @TheSaceone 4 года назад +1

    Nice tutorial Simon. However I'm having an annoying error when using this.file.dataDirectory:
    ERROR Error: Uncaught (in promise): TypeError: Function expected
    TypeError: Function expected
    at dataDirectory.get (localhost:8101/build/vendor.js:135868:28)
    I don't understand, the code is the same as yours, just copy-pasted it. I don't know why it thinks I am calling a function "get"... dataDirectory is just a string.
    It fails here:
    this.plt.ready().then(() => {
    let path = this.file.dataDirectory; // throws error
    this.file.checkDir(path, MEDIA_FOLDER_NAME).then(...) // not called after error
    ...
    }

  • @perfectlysilent4562
    @perfectlysilent4562 5 лет назад +1

    I dont know about ios, but android is: ionic cordova run android -l -s -c --debug

  • @miguelcorte-real587
    @miguelcorte-real587 4 года назад

    How can i set a audio as ringtone or alarm? can't find any docs about it :\

    • @galaxies_dev
      @galaxies_dev  4 года назад

      I'm not sure if this even works directly from the app side :/

  • @saranshkumar1713
    @saranshkumar1713 4 года назад

    I am having a hard time with
    this.file.copyTo(copy_from_path, name, copy_to_path, new_name)
    both of the paths start with : "file:///"
    all I get is "not_found_err" code = 1
    I also tried using androidPermissions package to give permission of READ_EXTERNAL_STORAGE and WRITE_EXTERNAL_STORAGE but to no avail I am getting the same error.
    I am using device with android 10 for testing this. Can anybody help? Thanks in advance

    • @danishaftab7377
      @danishaftab7377 3 года назад

      use this in your config.xml for android10

  • @jdjugardi5151
    @jdjugardi5151 2 года назад +1

    good

  • @robertoalam
    @robertoalam Год назад

    not working in device motorola :(

  • @nesredinmahmud1460
    @nesredinmahmud1460 4 года назад

    Around this line "this.file.checkDir(path, MEDIA_FOLDER_NAME, I am encountering the following error "core.js:6228 ERROR Error: Uncaught (in promise): TypeError: Cannot read property 'then' of undefined
    TypeError: Cannot read property 'then' of undefined"

    • @galaxies_dev
      @galaxies_dev  4 года назад

      That usually means your Cordova plugin wasn't installed correctly, try adding it adding or remove/add the platform!

  • @thatchipmunksings
    @thatchipmunksings 5 лет назад

    I, most importantly, watch your videos because of your accent.

    • @galaxies_dev
      @galaxies_dev  5 лет назад +1

      I don't think people really enjoy a German accent but thanks a lot Abhishek :D

    • @thatchipmunksings
      @thatchipmunksings 5 лет назад

      @@galaxies_dev didn't know you're German. I love the way you pronounce height.😛 Keep up the good work Simon!

  • @wilsondouglas1546
    @wilsondouglas1546 5 лет назад

    Simon seems you forgot to move yourself into your borrom right corner from min 1:00 to 14:27 anyway over to the written tutorial 😂😂

    • @galaxies_dev
      @galaxies_dev  5 лет назад

      Yeah. Guess I had a bad day when I edited the video, and now the file is also lost..

  • @Star_ls001
    @Star_ls001 3 года назад

    Please make a video call recording

  • @MuhammadAdam-ko8my
    @MuhammadAdam-ko8my 4 года назад

    i am getting null on this.file.dataDirectory on web

    • @galaxies_dev
      @galaxies_dev  4 года назад +1

      You can't use Cordova plugins on the web, only inside a native app!

  • @brenopinheiro9337
    @brenopinheiro9337 2 года назад

    sai da frente do code, maluco