Create Complete Music Player App in React Native

Поділитися
Вставка
  • Опубліковано 3 гру 2024

КОМЕНТАРІ • 83

  • @louiscassany
    @louiscassany 2 роки тому +2

    I just followed both tutorials, awesome work man!

  • @MrAnu005
    @MrAnu005 3 роки тому

    Pradip has done it again!!! kudos bro

  • @vaibhavshetty3781
    @vaibhavshetty3781 3 роки тому +2

    how to use the songs which are having in our device and play directly without adding them in asset folder

  • @arunkannan9402
    @arunkannan9402 3 роки тому +3

    Thank you very much for this part 2 video. This tutorial is very helpful. I've one doubt. You are using songs from the assets folder. But how to get songs from my phone storage?

  • @Krishtal3
    @Krishtal3 2 роки тому

    Thank you so much man, it's very helpful, keep going

  • @Black_9
    @Black_9 Рік тому +1

    Para quem não está conseguindo reproduzir na versão 3.2 tente isso. Fix the play.
    Dentro da função "togglePlayBack", altere a condição "if( playbackState == State.Paused )" para "if (playbackState == State.Ready || playbackState == State.Paused)"

  • @freedomforthenationsminist2543
    @freedomforthenationsminist2543 2 роки тому

    Player works great! Thank you and God bless you!

  • @ranjithmuthu
    @ranjithmuthu 4 місяці тому

    "Unchaught Error'
    cannot read property 'CAPABILITY_PLAY' of null
    can you help me please

  • @waqaskhattak456
    @waqaskhattak456 3 роки тому +1

    Because of you i learn alot thank you so much for that sir Love from pakistan ❤️❤️

  • @ta-series8658
    @ta-series8658 3 роки тому +3

    where we can find the source code of this app...?

  • @neerajsaxena8108
    @neerajsaxena8108 3 роки тому

    You are doing good work. Excellent.

  • @ajayparambath2416
    @ajayparambath2416 2 роки тому

    what mic are you using. sound quality is lit

  • @simifc1239
    @simifc1239 9 місяців тому

    Hello Sir, Does this project involve saving a user-created playlist to a back end database

  • @WebWise_Wallet
    @WebWise_Wallet 3 роки тому +1

    Can you work with elearning app with chat like udemy ?

  • @realtorBG
    @realtorBG 3 роки тому

    u r born to be teacher

  • @akashsxo
    @akashsxo 3 роки тому +1

    Hi Pradip it's really great tutorial.However,i found out that "seekTo" doesn't works on android. So i can't use slider to seek to a desired position.Whenever i try to do so,the songs restarts from 0:00(start time).

    • @ajayparambath2416
      @ajayparambath2416 2 роки тому

      I encountered the same issue. Apparently that is a library error.. so I used the react-native-video Library. It can be used for audio players also. Search for react-native-simple-audio-player for reference

  • @ajayparambath2416
    @ajayparambath2416 2 роки тому +3

    use "new Date(progress.position*1000).toISOString().substring(14,19)" instead of substr(14,5)

    • @bharatmishra250
      @bharatmishra250 2 роки тому

      but if i am using substring method then it is giving me +gmt type time

  • @jsiga4116
    @jsiga4116 2 роки тому

    Amazing, it really helped alot

  • @hiobaldinesa3560
    @hiobaldinesa3560 2 роки тому

    I'm doing the same in expo-cli using Audio-av but I'm having difficulty adding track in...

  • @waqaskhattak456
    @waqaskhattak456 3 роки тому +1

    I searched it on UA-cam but i didn't find any video like u explain the code

  • @arunkannan9402
    @arunkannan9402 3 роки тому

    Thanks for Part 2 Video for Track-Player. I got error for using "react-native-track-player@next" command. And also used "npm install react-native-track-player" npm.

  • @eshazaheer6814
    @eshazaheer6814 2 роки тому +2

    where can we find its code

  • @luxmailsundhar
    @luxmailsundhar 2 роки тому

    hi bro, music player working fine , but seeking function not working for first index(id 1) and last index song (id 3), but seeking function working only second track song ( this issues show only some song). also while click next previous buttons, play pause button jumping(that mean play pause (toggle)changing a mins ). how to solve this issue.
    onSlidingComplete={async(value) =>{
    await TrackPlayer.seekTo(value);
    }}

  • @zoelsx
    @zoelsx 2 роки тому +1

    I've followed this tutorial but force close. I use this to setup and add the data:
    await TrackPlayer.setupPlayer({});
    await TrackPlayer.add(dataMusic);
    do you know the solution for this problem, there is no error but immediately force close.
    Thank you
    Edit: solved

    • @luxmailsundhar
      @luxmailsundhar 2 роки тому

      bro, me also same issues pls provide solutions

  • @unknownman1
    @unknownman1 3 роки тому

    thanks for the tutorial

  • @lucianb8034
    @lucianb8034 2 роки тому

    Hi Just wondering if you've ever had a problem where your android emulator makes a crackle noise when playing audio/video?

  • @smartjefreycoca5425
    @smartjefreycoca5425 2 роки тому

    please create a tutorial with this using backend as firebase..

  • @nigerianamedia6360
    @nigerianamedia6360 3 роки тому

    Good job, but can you please complete the social network tutorial

  • @TheGutsygames
    @TheGutsygames 3 роки тому

    Hi bro i just want to know, which react-native version you using and please make a video for react-navigation 6

  • @mohamedyoussef8835
    @mohamedyoussef8835 2 роки тому

    Awesome Explanation ++++++++++++++++++++++++++ Thank you

  • @atulojha6603
    @atulojha6603 2 роки тому

    how can I solve the notification control in track player.

  • @_.vedant_p
    @_.vedant_p 2 роки тому

    hey, great video can we play local songs from android in react native?

  • @amanjain904
    @amanjain904 2 роки тому +1

    bro why my app is crashing after importing trackplayer

  • @cristianllanquinao2066
    @cristianllanquinao2066 Рік тому

    And what if I want it to access the songs that are inside the mobile?

  • @jwf1043
    @jwf1043 3 роки тому

    sir would you mind to make video about showing marker on maps from firebase please or at least you can share any references

  • @nikhilroyal6923
    @nikhilroyal6923 2 роки тому

    I am getting error no task registered what is the exact issue . I am using version of 3.0.0

  • @ajaykumaryadav6564
    @ajaykumaryadav6564 3 роки тому

    Amazing like previous one. I really learn a lot from you. But i need help , as i am making the app using react-native-size matters. it scales fine in stimlator and mi phones but another brand phone my app scaling is soo poor all word got increase in size . app looks got very damaged. PLEASE PLEASE HELP ME OUT ! I TRIED MY BEST BUT FAILED TO REZISE THE APP ACCORDING TO THE SCREEN.

    • @bajukul6952
      @bajukul6952 2 роки тому

      Use Estylesheet package, it enables you to write media queries based on screen size

  • @guessboy1991
    @guessboy1991 3 роки тому

    This app can play in background?

  • @ASRizvi-fe8fw
    @ASRizvi-fe8fw 3 роки тому

    /node_modules/react-native/Libraries/Image/AssetSourceResolver.js
    Module not found: Can't resolve '../Utilities/Platform' in 'D:
    eactApp\test
    ode_modules
    eact-native\Libraries\Image'
    I've got this error after I imported the library

  • @waqaskhattak456
    @waqaskhattak456 3 роки тому +1

    Sir kindly make video on react native snap carousel please

  • @VishwasSaini25
    @VishwasSaini25 Рік тому

    my skip is not working even i am getting changed index on click

  • @bharatmishra250
    @bharatmishra250 2 роки тому

    when i run it on android emmulator it will produce warning No task registered for key TrackPlayer

  • @amanjain904
    @amanjain904 2 роки тому

    hey what about app registry? this can cause all these problems

  • @bdsumon4u
    @bdsumon4u 3 роки тому +1

    First View & Comment. Love my comment.

  • @reidhommedahl2180
    @reidhommedahl2180 2 роки тому

    when i type the command pod install , I get this returned: zsh: command not found: pod ... what am i doing wrong?

    • @reidhommedahl2180
      @reidhommedahl2180 2 роки тому

      i navigated to the ios folder before, using cd ios

    • @itzpradip
      @itzpradip  2 роки тому

      I think "cocoapod" is not install on your mac. Do a google search for installing it.

  • @amirsektowr2395
    @amirsektowr2395 2 роки тому +2

    that`s great ! but i need the source code .... :(😶

  • @vuongnguyentien3755
    @vuongnguyentien3755 2 роки тому +1

    Installing react-native-track-player error on android . Please tutorial Installing react-native-track-player on android

  • @anujmohan5698
    @anujmohan5698 3 роки тому

    Sir,,, hum expo m ipa file ka size kaise reduce kar sakte h,,, by default size is 220 mb.
    anyone please tell me...

  • @hbpclasses1829
    @hbpclasses1829 2 роки тому +1

    Can you share the github code for it please?!

  • @jasonloureiro5018
    @jasonloureiro5018 3 роки тому +1

    Muito bom, very best!

    • @itzpradip
      @itzpradip  3 роки тому

      Thanks for your support.

    • @seeking9145
      @seeking9145 11 місяців тому

      ​@@itzpradipIs this code available on github?

  • @nileshnilu7902
    @nileshnilu7902 3 роки тому +1

    Sir after installation of react native track player apps is crashed

  • @saicharanpogul
    @saicharanpogul 3 роки тому

    Hey, that's a great video. So is this the last part of the music app tutorial? I have a suggestion for you did you try web3 integration in react native? They are in great demand and rarely any good videos on that. A complete web3 integration from built-in Ethereum wallet(key management), calling get(view) functions of solidity to send a signed transaction to the smart contract. Status is a good example to refer to. I'm trying to understand the complete environment of DApps the storage aspects of user data(both metadata and big files like images, audios, and videos). A full-fledged tutorial of this can help a lot of beginners who are trying to learn public blockchain, web3 which is mostly frontend development.

    • @hiphopheaven
      @hiphopheaven 3 роки тому +1

      how to play songs from the sd card?

  • @30.duongvanhung7
    @30.duongvanhung7 3 роки тому

    hey , this great video, can you fix error for me ? , pleaseeee

  • @seeking9145
    @seeking9145 11 місяців тому

    Is this code available on github?

  • @dev-devvek1ng413
    @dev-devvek1ng413 7 місяців тому

    cannot read property 'CAPABILITY_PLAY' of null

    • @venom6217
      @venom6217 6 місяців тому

      did you get the answer ?

    • @venom6217
      @venom6217 6 місяців тому

      bro just remove your headphone or speakers while running your project i did that silly shit and it worked lol wtf xd

  • @LbzeyroX
    @LbzeyroX 3 роки тому

    download music ?

  • @mohdsajidshaikh4291
    @mohdsajidshaikh4291 3 роки тому

    Add background play functionality.
    Also fetch all songs from mobile

    • @arunkannan9402
      @arunkannan9402 3 роки тому

      Yes, I also need this

    • @jesusdavid333
      @jesusdavid333 2 роки тому

      Hello, could you help me how to do the play in the background?

  • @faisalimtiaz4390
    @faisalimtiaz4390 3 роки тому +1

    Source code ?

  • @태형김-l6h
    @태형김-l6h 3 роки тому

    what's a Teacher !

  • @DrAjgar
    @DrAjgar 3 місяці тому

    @itzpradip bhai project ka github link bhej dijiye bhai

  •  3 роки тому

    expo?

  • @syrian167
    @syrian167 3 роки тому

    We need call app please

  • @yakut54
    @yakut54 3 роки тому

    heeelp!!! warning: No task registered for key TrackPlayer

    • @stephencurry8078
      @stephencurry8078 3 роки тому

      Разобрался?

    • @yakut54
      @yakut54 3 роки тому

      @@stephencurry8078 да всё заработало.

  • @modicaresubratadey7864
    @modicaresubratadey7864 2 роки тому

    Bengali te video banao dada

  • @realtorBG
    @realtorBG 3 роки тому

    I told you disapear

  • @ThannMalin
    @ThannMalin 2 роки тому

    On Typescript you have to use this
    const togglePlayBack = async (PlaybackState: any) => {
    const currentTrack = await TrackPlayer.getCurrentTrack();
    if (currentTrack !== null) {
    if (PlaybackState !== State.Playing) {
    await TrackPlayer.play();
    } else {
    await TrackPlayer.pause();
    }
    }
    }