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

Поделиться
HTML-код
  • Опубликовано: 12 янв 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 4 года назад +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 ruclips.net/video/a6sd-X2OtXY/видео.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 4 года назад +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 4 года назад +5

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

  • @CKZA10
    @CKZA10 4 года назад +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 4 года назад +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..

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

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

  • @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?

  • @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

  • @pariahchild2K
    @pariahchild2K 3 года назад +2

    Thank you for sharing, Scott - much appreciated!

  • @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.

  • @_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 4 года назад

    Simple and efficient. Thanks for sharing!

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

    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 4 года назад +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.)

  • @carsten6724
    @carsten6724 3 года назад +8

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

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

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

  • @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 4 года назад +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.

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

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

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

    Just one word Thanks
    Very nice liked it

  • @sirrr.9961
    @sirrr.9961 2 года назад

    This is All I wanted. Thankyou :)

  • @guptaanmol184
    @guptaanmol184 4 года назад +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 4 года назад

    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 4 года назад

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

  • @adamlemon-art
    @adamlemon-art 3 года назад

    Thanks for the tip Scott 👍

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

    Superbbbb Scott 👌

  • @jagz008
    @jagz008 10 месяцев назад

    Does work on laptop or do you require a surface?

  • @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 4 года назад +1

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

    • @shanselman
      @shanselman  4 года назад +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 4 года назад

    cool stuff as always! thank you

  • @acasualdatascientist54
    @acasualdatascientist54 4 года назад +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 4 года назад

    merci Scott. Funny AND useful.

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

    Cool Idea!

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

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

    • @andyb-com
      @andyb-com 4 года назад

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

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

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

  • @nelsonazolukwamprojects
    @nelsonazolukwamprojects 9 месяцев назад

    Why Rainbow 🤔

  • @_CodeLife_
    @_CodeLife_ 4 года назад +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!

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

    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 4 года назад +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.