Transparent Glass Whiteboard in Microsoft Teams or Zoom with OBS for FREE!

Поділитися
Вставка
  • Опубліковано 7 січ 2025

КОМЕНТАРІ • 197

  • @JaapVanderHorst
    @JaapVanderHorst 3 роки тому +35

    You can crop screens with ALT and the box points. Easier than to stretch a screen outside the box.

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

      Thanks!

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

      You mean use alt in OBS to crop an element?

  • @N3MAID3S
    @N3MAID3S 3 роки тому +68

    Instead of stretching the window, there's a crop filter just like the chroma key one, so you can crop out all the corners you don't want :)
    Very clever idea!

    • @user-uw1wq9rj8g
      @user-uw1wq9rj8g 3 роки тому +9

      Or you can crop the source by pressing Alt+dragging the borders

  • @oztabletpc
    @oztabletpc 3 роки тому +4

    Brilliant tip! Building ideas with your audience instead of presenting finished concepts (ppt slides) is the best way to maintain audience engagement. It also improves note taking outcomes for those on the receiving end! Now we can do it magnificently with Surface! Thank you Scott and Rob for taking the time to share!

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

      And if you want to get crazy... Share the whiteboard live with the audience and see what happens! 🤣😂🤣

  • @FruFre
    @FruFre 3 роки тому +26

    Being subbed to you is a gold mine of skill learning. Thank you Scott. Chroma-key on a PowerShell terminal is a decent use this tutorial made apparent.

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

    Every once in a while you see something in tech that makes you smile. This is one of those. I can't wait to do this next week. Thanks Scott.

  • @ste-fa-no
    @ste-fa-no 3 роки тому +5

    You're the best kind of teacher 😄
    Well explained, creative and showing other people's work and ideas 👍

  • @mechanicallydev4536
    @mechanicallydev4536 3 роки тому +16

    Instead of removing the green with a chroma key you could remove the white or black background with a luma key... this way it wouldn't affect colors :)

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

      A luma key? I will have to Google that. I am trying to do a similar thing with a PowerPoint presentation. I want some of it to be seen But the main back ground to be transparent

  •  3 роки тому +7

    Just started to use OBS for teaching, this tip is absolute great

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

      Did you see any tutorial for using OBS for teaching? I would love to include it on my classes!

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

      @@Pameliux23 I saw some videos about how to use obs, not precisely one about how to teach. Mainly, I use obs to record my class, for example this ua-cam.com/video/a6sd-X2OtXY/v-deo.html (sorry is in Spanish) but that's the idea

  • @tub-tube7686
    @tub-tube7686 3 роки тому +3

    Nice! You can also crop it by holding Alt+dragging the corners/Side you want to crop.

  • @a4aditya
    @a4aditya 3 роки тому +22

    Hope Our professors are able to do that

  • @theaugmenter
    @theaugmenter 3 роки тому +32

    Signs of a good developer, force yourself with every grain of power to use something off the shelf instead of coding it 🤣

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

    Very smart, and here's a pro tip : chroma key works by using contrasting subject and background colours. It is typically green since that is tthe opposite of human skin tones.
    In this case, using a black background and a white pen might look best. It also allows you to change blending mode instead of keying, therefore get cleaner outline with less processing power :)

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

    Scott, you inspire me to be a better communicator/developer. Your videos are great and concise. This gives you more bullets to your arsenal and now mine! Thanks

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

    I like this. And the idea of punching a hole through other windows and graphics.

  • @Dominik-K
    @Dominik-K 3 роки тому +5

    Thanks for sharing this trick, very much appreciated m thanks to you I'm now using OBS pretty regularly

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

    Thanks for sharing this! Would love to do the lightboard but that's a static and serious investment so this helped a lot. You can do the same in OneNote (more green options) and as far as training goes, OneNote with presentations converted to PDF and then imported makes for a nice virtual training environment. Would be nice if WhiteBoard and OneNote had full custom color background options in future (you can dial it out with OBS I suppose).
    You can then also use the Virtual Camera addon for OBS to pipe this into Teams for example (so you have a virtual webcam and can then go between presenting your desktop sans webcam or webcam and this trick).

  • @DarrellaaS
    @DarrellaaS 3 роки тому +9

    3:05 ...could be OneNote 😉

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

    Scott, THANK YOU for this. Perfect demonsatration.
    I've been trying to work this out for hours; trawled so many videos. Just couldn't get how to superimpose over the top of the background.

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

    Thanks for sharing, Scott. Amazing trick!

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

    You, sir gave me exactly what I was looking for for about 3 hours now. THANK YOU 👌👏🙏 you've got yourself a new sub from France :)

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

    I was wondering for a week how to write on glass. Interesting and this video came. Awesome..

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

    Great video, thank you very much!.. If Microsoft Whiteboard introduced a "glass" (transparent) background, that would really simplify things, wouldn't it?

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

    Thanks Scott, this is incredibly cool and something that I can definitely use with my Family Office clients!

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

    Really cool and simple way! Nice demonstration! Thank you

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

    This is my new favorite channel. Subscribed, Liked and saved video for reference later.

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

    This is coooool! thank for sharing this. It never occurred to me that this could be done :-)

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

    Nice video - you can also crop an overlay with the alt key

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

    Keep you and get rid of the background, fab video, saw this last night at lightboard.info but it was many, many thousands for special glass etc. Great video. Brings it to the masses.

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

    Thank you for sharing, Scott - much appreciated!

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

    That is a freaking cool idea. Thanks for point it out Scott.

  • @wallyrodriguez2230
    @wallyrodriguez2230 3 роки тому +4

    The highlighters work better because they premultiply the background, which makes for better anti-aliasing

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

    Hey Scott! Your videos are very useful, thanks for sharing 😀

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

    @shanselman love this! I tried and works great BUT there’s so much you can write on the surface screen. Do you have any tips on making yourself a bit smaller and giving more space for the screen content? I found myself limited by the MS surface screen size

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

    Simple and efficient. Thanks for sharing!

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

    LOL you just exposed my video secrets . I use Bandicam for writing directly on the video without having to extract the color and use my live camera capture.

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

    Awesome stuff! Thanks Scott for sharing! :)

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

    Neat! I might try and have the presenter be “faded” in the background. Basically let the chroma key not be 100%. This should help the text be easier to see when writing over the speaker’s face, and the speaker be visible, but more so in the background. (Then maybe create another “scene” that I can toggle when I want the speaker to be more prominent.)

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

    Wow, this is cool! Thanks for sharing, Scott!

  • @carsten6724
    @carsten6724 3 роки тому +8

    Scott "Bob Ross" Hanselman 😁 I will re-deliver in our team meeting ;)

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

    This is great, I have no experience with these methods. Is it possible to turn the background black like the light board videos so the pen is more visible?

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

    Amazing hack. Going to be very useful and I am sure my students will be impressed!

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

    Any idea of how to add virtual pencil📝 to looks like your drive you back of you screen?
    PS: the pencil may appear(zoom in) when you actually touch the screen.

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

    Please, could you tell me how can I make the background blurred using this technique? When I talk about background I telling all things behind the virtual board, including you. Thanks in advance.

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

    Very cool. I'm excited to try this out.

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

    The thumbnail is 👌🏼 on point! 😂

  • @user-uw1wq9rj8g
    @user-uw1wq9rj8g 3 роки тому

    Well, actually there's an OBS script that allows you to do screen boarding without needing any other apps, called OBS Whiteboard Source. I had tried this scripts and it runs inside OBS by using windowed projector. The only drawback using this script are the feature which is may not be as good as using an external applications, but I think it was decent enough to do the work.
    Here's the source: obsproject.com/forum/resources/whiteboard-source-windows-only.919/

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

    as always, learned something really usefull. Thank you, Scott

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

    Quick question: Is this two participants in the same web conf (one your main PC, one the Surface)? Or are you using OBS for multiple inputs on the same web conference? If it's the latter, how do you get the surface and the main PC to work together in OBS? TIA.

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

    I am trying to do a similar thing with a PowerPoint presentation. I want some of it to be seen But the main back ground to be transparent

  • @boriskrstic
    @boriskrstic 3 роки тому +33

    I think we need something to make meetings shorter 😂

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

    Are you working on two separate devices? How would I be able to do that?

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

    It's cool that it's possible but I'm not quite sure of the use case of making it harder to read by being overlaid on top of your entire background vs just showing the screen itself

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

    Hi, I was just wondering if you were using the Surface connected to another monitor as your main computer or if your were casting from the surface to another computer for this! Great video, thanks!

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

    Instead of using screen capture use window capture instead and that will capture just the window of any program you select rather than the whole screen

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

    Awesome video, you deserve more than 100k followers, i suggest doing more technical videos about frameworks, Software design, and best practices topics. if you haven't enough time to prepare rich content on these topics, you can invite people to your show.

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

    Must try to use a remarkable 2 with live view. If thats work it would be great.

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

    do you have a similar tutorial with iPad for example ?

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

    Great video and explanation, been looking for something like this! Question when you were writing can you see your OBS screen on whatever you writing on? Would be good if you can just have an initial reference point and then when you write on the screen it will become easier and natural.

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

    Just one word Thanks
    Very nice liked it

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

    Thanks for sharing, nice video. I'll try it

  • @sirrr.9961
    @sirrr.9961 2 роки тому

    This is All I wanted. Thankyou :)

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

    Really cool!! 😍

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

    is that a external camera connected to a surface or is the surface connected to a pc? can we know your setup?

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

    This is awesome. Thanks for sharing

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

    Thanks for this incredible and usefull tips :)

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

    This is really cool! A question, since you mentioned you're using a Surface. I had been using OBS while teaching over Zoom, mostly with OneNote for presentation.
    I gave up because my Surface Pro 7 couldn't handle running Zoom, OBS, and OneNote at the same time! Have you been able to make it work?
    I've got the version with a Core i5 and 8 GB RAM because that's the best I can get on the budget my institution allows.
    I've been wondering if I just got a dud unit.

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

    That's a neat trick!

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

    That was awesome ! Thank you !

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

    Very good idea,
    AFAIK zoom does not accept obs output stream as a Webcam source especially on macos. Am I wrong?

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

      OBS has a built in 'virtual camera' that Zoom sees as a source. It works on the Mac.
      The issue with using OBS as a virtual cam in Zoom (besides performance with lots of sources/filters on older machines) is that Zoom sends out standard definition for video, unless you jump through a lot of hoops with them. So any fancy setups with screen/window captures of small text and details (demo-ing software for example) might be blurry for participants. Zoom Screen sharing uses a higher res (but a slower frame rate).

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

    Can this be done with only one screen or you need 2 screens?

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

    Thank you for making a quality video

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

    This is awesome! Thanks Scott!

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

    Ingenious! Unfortunately, I don't have a surface. Any idea how to make use of this on a non-touch laptop?

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

      You could buy a cheap drawing tablet, that's probably the best substitute.

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

      @@lansraad6142 That's a great idea. Thank you.

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

      @@ExtremeWays4Bourne Yes, and you can also draw on the screen with your mouse

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

    For a work setup, using Teams or Zoom, can you demo a 2 device setup? i.e.: Work laptop running Teams, screen share (showing VS, VSCode, SQL, etc) and an external Surface device (I have a Surface Book 2) in detached mode so it can be used as the clear whiteboard? Circle this section of code, point to inspector error detail, etc... Will OBS work with Teams/Zoom?

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

      Yes I would do that with NDI Tools. So run NDI Scan Converter from ndi.tv/tools/ on the Surface, then use an NDI Source on the OBS machine to pull in the surface's screen!

  • @Uyry-m8m
    @Uyry-m8m 3 роки тому

    It is good. How to click screen window in OBS? for me I ca not ?

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

    Totally agree! That is a cool way of using OBS :-)

  • @adamlemon-art
    @adamlemon-art 3 роки тому

    Thanks for the tip Scott 👍

  • @JamesWillson008
    @JamesWillson008 10 місяців тому

    Does work on laptop or do you require a surface?

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

    Superbbbb Scott 👌

  • @pixel-ink
    @pixel-ink Рік тому

    Thats great. But, can a person with only one monitor do this?

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

    Cool video !!! 👍👍👍👍👍👍

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

    Hi is it work on Macbook with ipad as 2nd screen? thx

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

    Any chance to have a background remover without owning a green screen? The same that we have with MS Teams?

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

      Yes, I know of one way using third-party software. You can use XSplit Vcam with OBS. The free version has a watermark, so you would have to purchase the pro version to remove it unfortunately.

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

    Alter you showed it, it is so obvious to do that 😁. Thanks for sharing!

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

      I felt the same way! 😍

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

    What device are you writing on? Surface tablet or directly to a touch screen monitor?

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

      Was a surface laptop with touchscreen

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

    So. Freakin. Cool!! Thanks for sharing!! 😍

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

    I strongly feel this should be a standard feature on Microsoft Whiteboard / Teams. I would feel overwhelmed if I had to manage Teams, Whiteboard, OBS (AND sometimes, Powerpoint) simultaneously while busy with a meeting or presentation.
    Cool hack (sincerely), but probably something that would not work for me.

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

    cool stuff as always! thank you

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

    does this allow you to draw on someone else's screen in Teams like how you can annotate on zoom?

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

      Yes/no/not really/kind of. If you use window capture to capture their screen and feed it into OBS, you can annotate it this way and then send it back out as *your webcam*. This only works if you're using the gallery view so that their screen doesn't keep disappearing or moving while you're talking.

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

    Thank you man i loved this

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

    Thanks so much for sharing ❤️

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

    merci Scott. Funny AND useful.

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

    Cool Idea!

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

    Awesome! How would you use it with Microsoft Teams? Using the OBS Virtual Camera or Sharing from Teams?

    • @andyb-com
      @andyb-com 3 роки тому

      OBS Virtual Camera works great. i use something similar to the whiteboard Scott shows.

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

      @@andyb-com Thanks Andy!

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

      This is my pain point. Every video showing OBS for teams and setting up scenes never seems to go to the last step. When you are in a call with other people, your camera is now a small box and unreadable with all the other cameras. Which feature do you use so that Teams displays your full Virtual Camera screen full screen without auto zooming and face tracking. I tried “focus” on me so I was the primary but it would still zoom in or move around the image is I lean to the side.

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

    Nice tip! Thank you!

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

    This is so cool!
    I'm new to OBS, I'm using it on my next video.
    I could do this for double screens (no camera) right? to add notes on to a screen while explaining things
    Thanks for sharing this!

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

    Why Rainbow 🤔

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

    But my camera and my whiteboard application have to run on the same box, right? There's no way I can connect my tablet for whiteboarding to my 'broadcast' computer?

    • @andyb-com
      @andyb-com 3 роки тому +1

      Hi have a look at NDI tools. you can broadcast over a network (has to be wired), they have screen capture tools and input drivers on the device where you broadcast from

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

      Andy is right, you can use Scan Converter from NDI Tools and then use an NDI Source on the OBS machine.

    • @andyb-com
      @andyb-com 3 роки тому

      There was talk of introducing NDi into teams. It’s already in Skype and used by broadcasters

    • @andyb-com
      @andyb-com 3 роки тому

      There is an ndi plugin for OBS now. So you just need the OBS input on the broadcast device.

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

    Great Scott, thank you.

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

    I did the same thing except with microsoft paint.