Let's Make an Augmented Reality Web Browser (Unity AR)

Поделиться
HTML-код
  • Опубликовано: 19 окт 2024
  • Go to expressvpn.com... to take back your Internet privacy TODAY and find out how you can get 3 months free.
    Today's Unity tutorial is about how to make an AR Web Browser in Unity on Android. Not sure what to call these videos anymore, is it AR or is it spatial computing, mixed reality, XR? Let me know in the comments what label you are going to adopt.
    #ComputerScience #AugmentedReality #WebBrowser
    GitHub Project:
    github.com/Mat...
    MEET SINGLE AR DEVELOPERS HERE (Discord):
    / discord
    Music:
    BITWVLF - Signs
    Follow me on:
    Facebook: / matthewchallberg
    Instagram: / matthewhallberg
    / matthewhallberg

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

  • @TheKumari91
    @TheKumari91 5 лет назад +46

    After seeing you struggling and manage to get it working is really inspiring. Great video cause it kinda made me wanna go back and carry on some projects I left off. Keep the videos coming

    • @MatthewHallberg
      @MatthewHallberg  5 лет назад +10

      Yes dude I think never giving up is more valuable than being smart. At least that’s what I am holding on to lol.

  • @icarus387
    @icarus387 5 лет назад +15

    Mixed reality really is the future. This inspires me to program a concept I had for awhile on unity and the hololens emulator. I just cant wait until a cheaper hololens is released!

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

      Sammme I cannot wait to play with some type of HMD

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

      Quest 3 coming soon...

  • @euphoricash13
    @euphoricash13 5 лет назад +11

    Yay you got a sponsor. You should post more on LinkedIn too just like insta. And also we need more videos of you struggling to code. Just for inspiration 😂.

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

      dude yeah linked in has some awesome stuff now I think I like it more than insta. Also yeah, I will be struggling a lot more lately cause I wanna do some new stuff lol. Glad you like to see me struggle haha.

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

    Love your videos man! Still remember watching your videos to help with my University assignment. Two years later I'm overseas working for Canon! Hope youre doing well.

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

      That’s so crazy!! What do you do for canon!?

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

      @@MatthewHallberg I'm a member of the QA team as a software tester & developer. :) Learning so much there its unreal!

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

      Dude that sounds soo cool!

  • @Red-gv1ln
    @Red-gv1ln 5 лет назад +8

    Thank u
    Finally u r doing ARCore

  • @akshaydhavala6436
    @akshaydhavala6436 5 лет назад +3

    Amazing! I have been learning AR from your RUclips videos. Still got a long way to go! Thanks for all the help.

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

    Really love your videos, so inspiring, useful, down to earth and relaxing at the same time

  • @Drids967
    @Drids967 3 года назад +3

    HI there!!! Wondering who could possibly be here today... Anyways... I was wondering.. when you put that cool circles... they are not on surface... (like the monitor is) ... how do you do that? How do you "post" something in the air (sorry if that is too simple question) I am a teenager enjoying your channel and your bravery! :)

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

      Ohh no prob man! So the app is using arcore to detect the ground so basically I just put the circles a fixed distance above the ground, so as the phone moves arcore makes sure they stay there. Hope that helps!

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

    I like your dedication

  • @kwajomensah940
    @kwajomensah940 5 лет назад +3

    Really nice work! I'm inspired to try my hand at a native plugin now thanks to you.

  • @Kaushik-eo4ll
    @Kaushik-eo4ll 5 лет назад +2

    Broooooo♥️♥️♥️♥️ you are back again. It will take ages for me to understand 😅😅😅 agree?

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

      no you got it! Just let me know if you have any problems you know I will help.

    • @Kaushik-eo4ll
      @Kaushik-eo4ll 5 лет назад

      @@MatthewHallberg you are the one who helps me very quick when I need ♥️♥️♥️🤗

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

      I need help too matthew @MatthewHallberg

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

    What an inspiration! You never give up dude!

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

    “not a big deal, I’m an android dev now” 😂😂 Cool solution to use the server to pipe image into unity. Nice work!

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

    Amazing man!! doing some AR Projects and yours are great!!

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

    Great video, can't wait for Quest 3 to launch!

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

    Hi Matthew. Good Project. I will try to do it. Cheers from Perú

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

    This is great! Did you regret not using APIs to supercharge your project?

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

    Wow! Amazing! Great work!

  • @mnbvcxz-qr7tm
    @mnbvcxz-qr7tm 5 лет назад

    Amazing Work! I'm inspired by the amount of effort you put in.

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

    Great Stuff man!! btw, you can use ' &' in the end of any script to run it forever in the background of any linux machine.

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

      Ohh good to know, now you have me thinking I could have made a bash script to run both node scripts in the terminal.

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

    I feel your pain and elation !!! Looking forward to this tutorial :-) Thank you.

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

    Enough knowledge for this year😊👌👌

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

    This guy is learning new coding languages everyday

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

    Love you Mathew. You're the very best.

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

    Awesome Man...!!!!
    -Ishaan gupta

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

    Bruv I praise you for your struggle. I was about to buy a laptop but I think you just developed a better one.

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

    Woww man hat's off to your creativity 👏👏👏

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

    You always inspiring me. Keep it up dude😎

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

    Love your videos , i am a biology student but i have a n interest for programming and Comp.Sci
    i watch your videos as a hobby.I try , I succeed , i thank you........

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

    A+ for the project=)

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

    Great !!.. needed a help from you i just started AR ...did a course and some projects too ...how should I proceed now

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

    Dude ... you are awesome 😍😍😍

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

    This guy is a scientist

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

    Amazing! And you you said hand track when you will you do the hand track, i am really interested in it

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

    Best Unity videos on the net!

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

    Hi,
    Please, how can I open a website URLs from an images marker using ARCore in Unity?
    I am trying to build an AR app using ARCore in Unity. I have ten images and ten url links to websites, I need to link the ten images with those ten url links. When I scan the image with the phone's camera, I want the URL to open directly.
    I've done image tracking with video before, but now I want to do image tracking linking to a URL. Do you know any tutorial to follow it?
    Thank you!

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

    That's cool! Have you tried playing videos?

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

      Yeah it doesn’t work lol, I have some ideas but it would be considerably more work.

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

    great work bro. But I have a doubt, does the scrolling of the webpage can be seen dynamically and what about videos?

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

    Please upload the rssi video u 1st explained, i really need to kno how to do such stuff

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

    nice video as always

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

    Sir you are amazing 🙌🙌.
    Just could you tell how to use this project in Windows as well

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

    I'm in love with AR

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

    ohhh man!!!! this is great👍

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

    Can u upload a full tutorial on how to run this project?

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

    Cool.. Can you make it stereoscopic and make the background Black? I Will try it inti my AR headset😅

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

    Good one!

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

    hello there i hope u doing good , do u think as a computer science student i can do this as a final year project in just 5 months ?

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

    Hey, do u think you could remake a zombie shooter for iOS but have rounds where the zombies progressively get harder?

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

    Will you make a video on indoor navigation with arcore?

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

    Please make more android AR videos.

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

    OMG, this is awesome! This is future! Subscribe for you!

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

    Great video! how about making it interactable? are you up to the challenge?

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

    downloaded the project from GITHUB on windows machine,did everything said by you but after running the app in mobile,the search circle (loading) is revolving ,but no output shown.can anyone please help me???

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

    I can't believe you made a web browser but you didn't go to the ExpressVPN website!

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

    This is good but Could you please explain this in a step by step process ..because I am a beginer in AR

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

    This is awsome, is it possible to open a local html? I just wondering to put my iot project on my AR space

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

    Can make please each step of making this AR browser

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

    U sir, are amazing

  • @brianp.6237
    @brianp.6237 4 года назад +1

    Have you done stuff like this using AR.js?

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

    Hi, I am a design student, planning to do an AR experience for my poster. I have a question, how do I make an AR without downloading any app? For example, I want people to view my AR on their phones without having to download an app to view the AR experience? Is it possible?
    Really appreciate it if you could help me out.
    Thank you. Have a nice day.

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

    Love the Mathew. Used to like that Brackeys but he is paid now and so disgustingly up himself it makes me want to heave.

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

      Umm hey I think it's bad to compare like that. You still get to learn awesome stuff from both. Matt's still studying and he's doing this because he loves it and in his free time. While brackey's on the other hand is married and this is his full time job. You gotta stop dissing and learn whatever you can from both. Cheers!. Have an amazing day.

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

    By the way about browsers, there is a cool VeePN, it works fine, no problem, it can be useful to someone

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

    Hi, do you think it is possible to integrate augmented reality glasses with Tap Systems (or a similar keyboard), while connecting the glasses to the server (for more power) in order to get a more convenient and convenient computer? (I'm sorry for bad english)

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

    What are the software we should install...

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

    I'm facing the problems "cannot connect to the destination host" and on mobile I cannot see anything except microphone symbol
    Any please help me in solving those two problems?

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

      Me too did you solved the problem

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

      The blank screen with mic is the problem and the voice plugins doesnt work they are also removed from original github library need to rewrite the project again it seems

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

    hey can you please help me in my project .............. I want to store the location of my AR object and share it with other devices.

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

    could you build web browser in VR (Unity VR)? I can't find any package free like this

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

    the best !!!

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

    So dope

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

    I want to type my custom url(website) and want to load it in AR(on texture or on something else), and it should be intractable(touchable), how can I do this?? btw what you've done is just amazing

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

    Respected sir may I get the full video tutorial of the project?

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

    Such a great tutorial Matthew. It's inspered me. I also followed yours steps. I installed homebrew on my Windows 10 and followed all the commands. Everything went fine. But I couldn't run those two servers. Can you please help me to sort it out? :/

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

    Hey! Can you please make a tutorial on how to show a 3D model in Augment Reality (AR) inside WordPress website.
    Please make a tutorial on it. Will be very very helpful.

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

    I have created a Python program into exe. How do I render it inside unity like yours browser's web pages.

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

    I would like to see this work with the Google suggested answers from within the search

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

    As homebrew is for mac and linux only, How to run this project on windows!? Pls help.

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

    Great stuff Man.Thanks Man
    Can you do one video to show how ps4 AND OR Xbox controllers in unity.

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

      That’s ironic cause I was just trying to hook my ps3 controller to my Mac last night so I could play with my wii emulator

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

      @@MatthewHallberg : hahahaha perfect man. Hope you make progress on your part, and will push on my end.
      Thanks a lot

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

      Yeah let me know how it goes!

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

    Pwahaha Bush did 911! #iknewit. Great work my dude

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

    Hey Matthew ! Great Work ! I tried implementing it and it works perfectly in the unity editor however using my phone the search is taking forever and I'm not getting the results on the 3D model in AR. I have kept both the scripts running on my PC connected the mobile to the same network and even written inbound firewall rule for port 3000 even then I can't get the request from the mobile to the node scripts.. Can you please help me?

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

      Hey Dave.. Did you sort it out the issue? I also tried.. I stuck in staring two servers. Can you please help me to sort it out :/

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

      @@sadevkalubowila21 I just installed the packages that Matthew mentions in the video using npm and then started the scripts and it's working perfectly in unity editor. I'm facing difficulty in getting the search results in mobile device

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

      @@UrjitDave I tried several times to run those two .js files (GetImage.js and GetLinks.js) but it didn't work. Always pop out errors :/ are you working on a mac? I'm using Windows and I installed homebrew. Upto "node GetLinks.js" worked fine. But afterward it didn't work. Actually I don't know anything about java scripts and have less experience with promt commands. Do you have any idea about what I'm dealing with Dave? :/ if it's, it will great relief to me if you can give some advise to sort it out.

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

      @@sadevkalubowila21 I am too working on Windows. I didn't install homebrew as I already had node installed in my PC. I just installed the npm packages and run the scripts. It works well. You can try uninstalling homebrew and install node directly from their website.👍🏻

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

      @@UrjitDave Thanks brother. I installed nodejs as you said and installed the npm packages. Then load those json files. Only GetLinks.js file loaded. When loading the GetImage.js file, appeared an error " primordials is not defined ". How can I sort this out? I googled the error, it say to make npm-shrinkwrap.json file. I don't know how to do that correctly. Please help Dave

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

    How could I put webView in 3D Scene with ios. Thanks for any help!

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

    from where u have learn this all ? related to web in ar please guide me

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

    Awesome, but how create in 3d

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

    u r genius

  • @2206arnab
    @2206arnab 5 лет назад

    While starting the GetLinks.js, it works fine.
    But while starting GetImage.js, it shows a compilation error as
    fs.js:27
    const{ Math, object}=primordials
    ^
    Primordials not found.
    I did everything as per this video and the blog you wrote. What am I missing? I'm using WSL Ubuntu 18.04LTS in Windows10 as terminal.

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

      It's because version of node. Downward it to v10 and try

  • @BipashaDasgupta
    @BipashaDasgupta 3 месяца назад

    Hi do you have any solution to run a webAR on ios devices?

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

    I tried to put this on my phone and it didn't work. I see the browser in "Game" but the voice recognition doesnt work. On my phone, I see the voice button and the camera part is working but no browser. I do see the blue dots on the screen like it's looking for something. I got 53 yellow triangles in Unity. Maybe it's because I upgraded the project to 2019?

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

    The state of programming 2020 is a fucking mess. So much different shit you need to mess about with instead of just one language.

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

    Can you make another veido on keeping gestures

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

    Can use windows computer to use this method?

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

    where should i run this code android or unity?

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

    ❤️❤️❤️

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

    Hi!
    Good project with AR
    I m using Windows 10 , Homebrew is only for mac and Linux based system , how can I run the commands in Windows?
    Commands for Windows 10 please ??

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

      you can directly install nodejs in windows but the thing is webshot package is deprecated and without it, it is not possible to get the image of the website

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

      @@vishwastamta1965 is there a way to get it working on windows?

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

      @@user-ib5lg7le6m hi, I'm not sure why its not working in your system however when it came to the nodejs, i used "chocolatey" a software for windows thats similar to home brew, make sure you load all the packages in order and follow his steps to starting the software! Hopefully it should work! Best of luck!

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

      @@user-ib5lg7le6m also webshot no longer works theres an updated package for it that you may need to find, It will take some research but I did end up getting the software to work on my laptop

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

    How much time did it take ?

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

    Is this project can work on ios? Thanks!

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

    Willpower lvl: 1000

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

    Actually I want to do like this...but I m struggling a lot with it...? I m a student could u please help me out with it.? Kind request please....

  • @ShivamShukla-sq3zj
    @ShivamShukla-sq3zj 5 лет назад +1

    where is the complete video for this?

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

      This is the full video, I might do some more with it in the future though.

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

    Heeyy please I experienced some errors in the project you created ... can you help me ??

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

    can you play video in the webview using arcore?

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

      Yeah I showed an example of that in the video but it didn’t work great

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

    Hi Mathew your works are awesome... wanted to know how we can develop an application like vuforia chalk..