Miesiąc: czerwiec 2022

Udostępniaj tylko to co chcesz z Region Capture!

Spis treści

  1. Wprowadzenie
  2. Region Capture
    1. Konieczność udostępnienia obecnej karty
    2. perferCurrentTab
    3. Przycinanie z CropTarget i cropTo()
    4. getViewportMedia
  3. Działająca aplikacja na Github Pages
  4. Pełen kod aplikacji na Github
  5. Podsumowanie

Wprowadzenie

Podczas udostępniania ekranu na Web możemy się obecnie spodziewać dwóch problemów:

  1. Udostępnienia nie tego ekranu / taba którego chcieliśmy
  2. W tabie który chcieliśmy udostępnić znajdują się rzeczy, których nie chcemy pokazywać innym (jak np stan konta)

Pierwszy problem rozwiążemy przy pomocy Capture Handle, o którym pisałem w poprzednim wpisie:

Rozwiązanie drugiego problemu pojawiło się w Chrome Canary i nie jest jeszcze dostępne nigdzie indziej (stan na 26.06.2022). Mowa o Region Capture.

Pozwala ono przyciąć udostępnianą kartę do rozmiaru zdefiniowanego przez nas elementu.

Zapraszam do artykułu, w którym zobaczymy jak takie przycięcie zaprogramować 🙂

Czytaj dalej „Udostępniaj tylko to co chcesz z Region Capture!”

Użyj Capture Handle do wsparcia sterowania udostępnianą zakładką!

Spis treści

  1. Wprowadzenie
  2. Implementacja zarządzania prezentacją przy pomocy identyfikacji z Capture Handle
    1. Strona z prezentacją
    2. Strona zarządzająca prezentacją
  3. Kod aplikacji na Github
  4. Klikalna wersja aplikacji na Github Pages
  5. Podsumowanie

Wprowadzenie

Dzięki API getDisplayMedia mamy możliwość udostępniania innym naszego ekranu – dzięki temu możemy np zrobić prezentację online. Jeśli jednak chcemy jednocześnie mieć jakieś notatki do tej prezentacji, musimy je mieć na drugim ekranie by móc z nich skorzystać. Musimy przełączać się między tabem z prezentacją gdzie są slajdy a innym tabem / ekranem gdzie są notatki, co będzie irytować odbiorców.

Z pomocą przychodzi API Capture Handle. Pozwala ono zidentyfikować stronę jaka jest nam udostępniana. Jeśli udostępniana jest właściwa strona możemy zestawić komunikację – dzięki temu czemu możemy z poziomu taba z notatkami sterować slajdami na tabie z prezentacją.

Dokładnie ten przypadek opracujemy w tym artykule – zapraszam do czytania 🙂

Czytaj dalej „Użyj Capture Handle do wsparcia sterowania udostępnianą zakładką!”