Miesiąc: czerwiec 2022

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:

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

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

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ą!”