The easiest way to add videos in NextJs

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

КОМЕНТАРІ • 83

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

    you are awesome brother I just want to suggest that you should consider incorporating real-time projects into your content. From what I've observed, beginners seem to prefer project-based coaching nowadays. I've noticed the success of channels like JavaScript Mastery and Code with Antonio, which have grown by focusing on practical projects. While I understand the importance of the concepts you explain on your channel, combining them with hands-on projects could create a powerful learning experience. Insha'Allah, this approach may have a positive impact on your channel. ( but you know better at last )

    • @hamedbahram
      @hamedbahram  9 місяців тому +7

      Thanks for the suggestions. I agree with you, and I have more project-based videos coming up this year.

  • @Osmanity
    @Osmanity 9 місяців тому +6

    This is scary because was about to look for something exactly this but lord and behold you just pop up in my youtube frontpage, thanks yt algorithms and thank you for this awesome video!

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

      😅 My pleasure! Glad it was helpful.

  • @WornOffKeys
    @WornOffKeys 9 місяців тому +3

    Perfect timing for a project of mine, thanks!

  • @codedusting
    @codedusting 9 місяців тому +11

    It's not Free. It's Paid Service. Nothing bad, but if you are already paying for some CMS, you will have to pay 2 times the money. Like say Sanity where the MUX Plugin is there but then it's an API based where the MUX cost will also be there.
    So, bottom line, avoid adding Videos on the first page viewport and for the rest, simply use Lazy Loading using Lite-UA-cam-Embed or something similar. Also, Sanity by default have 206 Partial Content header policy which streams the video on your site.
    HOWEVER, this is best for optimizing video on the first viewport.

    • @hamedbahram
      @hamedbahram  9 місяців тому +1

      Whatever works best for your project!

  • @samuelizevbizua
    @samuelizevbizua 9 місяців тому +2

    Thank you. You are so consistent and amazing!

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

      Thank you! I appreciate that.

  • @RamiS-0
    @RamiS-0 6 місяців тому +2

    Ok wait, that's amazing but how can I run the video from the local file so that i don't burn my limit on development? is't possiblein next ?

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

      Not sure if you can do that, unless you don't sync the local videos at all.

  • @ogs102
    @ogs102 4 місяці тому +1

    exactly what ive been searching for ....i dont know why this account hasnt reached 1M yet

    • @hamedbahram
      @hamedbahram  4 місяці тому +1

      Thank you! I appreciate that.

  • @hamidr8391
    @hamidr8391 9 місяців тому +1

    Thank you, I was exactly looking for this.

  • @uixmat
    @uixmat 9 місяців тому +1

    love it! video's are a pain in the arse :D Thanks Hamed

  • @kentoscocos5238
    @kentoscocos5238 8 місяців тому +1

    i wonder if i decided to use youtube video, does next-video will be able to parse the youtube link and shows the video properly, anyway great tips mr hamed! im currently focusing on nextjs as amateur front end developer/web programmer and i have been using your tips recently in my projects hahaha

    • @hamedbahram
      @hamedbahram  8 місяців тому

      Glad to hear that! Welcome onboard...

  • @sanjoyrakshit842
    @sanjoyrakshit842 9 місяців тому +1

    Really very useful topic love from India ❤❤

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

    You mentioned you use the video for your own website for your course. I am considering to use a video-streaming provider like mux with next-video, too. But It is for a hobby project of mine and looking at the pricing, I have no idea on what that actually means. If you don't mind, would you share what you're paying for what kind of traffic?

    • @hamedbahram
      @hamedbahram  6 місяців тому +1

      Mux is pretty cost effective. The pricing is divided between encoding, storage and delivery. It also depends on the resolution, for example for on-demand videos encoding 1080 p is free. For example if you have about 50 videos in 1080p, that are each about 25 minutes long, and people are watching 100% every month the cost will come about $5 a month. I'm making a deep dive video on Mux coming out this week, and I'll cover pricing there.

    • @sevenseven6123
      @sevenseven6123 6 місяців тому +1

      @@hamedbahram Thank your for the reply, that seems fine, I was worried. Looking forward to your video :-)

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

      @@sevenseven6123 Absolutely!

  • @MoneyMdr
    @MoneyMdr 2 місяці тому +1

    I am getting something like MUX for video API text purpose only in the middle of t he video how to remove that please reply

    • @hamedbahram
      @hamedbahram  2 місяці тому

      You need to sign up on Mux with a credit card to remove the test only API.

  • @Nonsense855
    @Nonsense855 6 місяців тому +2

    bro do I have to subscribe mux to remove that thing appear on my video which saying "for video API test purposes only"?

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

      I'm not sure what that means, but you can create an account for free.

    • @sylvesterstephen4749
      @sylvesterstephen4749 Місяць тому

      i have a similar issue, please did you resolve it?

  • @enza9189
    @enza9189 9 місяців тому +1

    Hello Hamed. I would ask you a question if you don't mind, really need some help. How I can get in touch with you?

    • @hamedbahram
      @hamedbahram  9 місяців тому +1

      Hello! You can contact me here → www.hamedbahram.io/contact

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

      Thanks very much! I've written to you just now.@@hamedbahram

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

    Brilliant content brother keep going !!

  • @seyyedrezazahraee174
    @seyyedrezazahraee174 7 місяців тому +1

    سلام وقتتون بخیر ایا امکانش هست ویدئوهایی که از سمت api میان رو هم با این پلیر استفاده کرد؟

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

      You should be able to. Test it out and let me know.

  • @MohamedRabi
    @MohamedRabi 6 місяців тому +1

    Perfect as usual!

  • @horacioabitu
    @horacioabitu 9 місяців тому +1

    bro a suggestion, you should zoom in on the windows so they can be seen better, thanks.

    • @hamedbahram
      @hamedbahram  9 місяців тому +1

      Will do. Thanks for the feedback.

  • @desmondnanaboateng5455
    @desmondnanaboateng5455 Місяць тому +1

    but wait.. why do i still have the mux watermark on my video?

    • @hamedbahram
      @hamedbahram  Місяць тому

      You have to verify your account with a credit card. Mux is a paid service.

  • @joaoarthurbandeira
    @joaoarthurbandeira 9 місяців тому +1

    What are the advantages of doing this instead of embeding video from youtube?

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

      Performance, control, analytics.

  • @rasmic
    @rasmic 6 місяців тому +2

    idk if i missed it but wish u told us it was paid service lol

    • @hamedbahram
      @hamedbahram  6 місяців тому +1

      Thanks for the feedback.

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

      @@hamedbahram anytime homie

  • @sylvesterstephen4749
    @sylvesterstephen4749 Місяць тому +1

    my videos are showing this mux watermark and i don't know why

    • @hamedbahram
      @hamedbahram  Місяць тому

      You need to sign up with a credit card.

    • @sylvesterstephen4749
      @sylvesterstephen4749 Місяць тому

      @@hamedbahram will i be charged?

    • @hamedbahram
      @hamedbahram  Місяць тому

      @@sylvesterstephen4749 yes it's a pay as you go service depending on the your usage. If you're using HD the storage would be free, and you would only pay for streaming (when someone watches the video). If you're uploading 4K videos you have to also pay for storage. I've covered pricing in this video → ua-cam.com/video/6qv03Fo2upI/v-deo.html

  • @kenshinhimura3140
    @kenshinhimura3140 9 місяців тому +1

    Hello my friend, can you help me please? I want to use form encoded in my thunder client but it doesn't work with next js api folder.
    Please help me or I suicide myself 3 months of search but nothing.

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

      Are you using the `pages` router or the `app` router?

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

      @@hamedbahram I am using the app router my friend, and inside I created a api folder.

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

      @@kenshinhimura3140 Try a 'POST' request and access the `formData` on the `request` object in your route handler ↓
      ```
      export async function POST(req) {
      const data = await req.formData()
      ...
      }
      ```

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

      @@hamedbahram it is not working, why in express I can use form encoded and Form data in thunder client and not in nextjs it is crazy

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

      @@hamedbahram it says "cannot set properties of undefined setting base"

  • @eliuddyn
    @eliuddyn 9 місяців тому +1

    Amazing 🔥🔥

  • @kacperkepinski4990
    @kacperkepinski4990 7 місяців тому +1

    it is weak to show video from project

    • @hamedbahram
      @hamedbahram  7 місяців тому

      That's only when you run local dev server and if the remote video hasn't finished processing.

  • @darawan_omar
    @darawan_omar 9 місяців тому +1

    You 're The Best ❤❤👌

  • @kacperkepinski4990
    @kacperkepinski4990 7 місяців тому +1

    doesnt work

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

    Cool!

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

    mux is not free, after 24 hours apparently the delete the videos

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

      That’s right, Mux is not free.

  • @nicogaspa1021
    @nicogaspa1021 7 місяців тому +1

    But It is not free!

  • @lundeamystic
    @lundeamystic 7 місяців тому +1

    I lose my time watching u ..

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

    great! thank you