Skip to content

Wybrane zagadnienia aplikacji sieciowych - Manager plików w przeglądarce- React, WebAPIs (FS, DaD, MP, PiP, MCaS, SC)

Notifications You must be signed in to change notification settings

TULbaghia/WZAS-File-Explorer

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

76 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

WZAS - Praktyczne wykorzystanie Web APIs w interakcji z użytkownikiem

Aplikacja umożliwia klientom wykonywać podstawowe akcji (przenieś, kopiuj, zmień nazwę, usuń, podgląd/edycja plików) na katalogach do których przyznano uprawnienia. Dzięki zastosowaniu File System Access API, aplikacja działa w trybie klienckim, użytkownicy przyznają przeglądarce uprawnienia (ro, rw) do katalogów we własnym systemie.
Pliki użytkownika nie są przechowywane na serwerze.

Zastosowanie niektórych z wykorzystanych API wymaga korzystania z protokołu https.

Ze względu na konieczność wykorzystania eksperymentalnych wersji WebAPIs (brak implementacji w części przegląderek) sprawdzono poprawność działania Edge/91 oraz Chromium/96.0.4664.93.

Uruchomienie projektu

Pobranie zależności: yarn install

Uruchomienie aplikacji: yarn start

Aplikacja dostępna pod adresem:
https://localhost:3000

Autorzy:

  • Moduł obsługi plików / katalogów (File System Access API)
  • Przenoszenie plików / katalogów (Drag-and-Drop API)
  • Obsługa plików wideo / audio / kolejki odtwarzania
  • Picture In Picture API
  • Nagrywanie obrazu z kamery oraz dźwięku z mikrofonu (Media Capture and Streams API)
  • Nagrywanie obrazu oraz dźwięku z pulpitu (Screen Capture API)

Zrzuty ekranu działającej aplikacji

Image01 Image02 Image03 Image04