Cześć. Jestem nowy w tworzeniu stron i mam pytanie. Mianowicie... Czy jest jakieś API/KOD/COŚ INNEGO do nagrywania okna przeglądarki i usostępniania go w formie pliku mp4/avi ? Bo chcę zrobić taką jakby animację tylko że ona musi mieć tekst wpisany przez użytkownika i z tym dam sobię radę ale chcę to udostępnić temu użytkownikowi to w pliku do pobrania.
0
0
Dodam jeszczę że szukałem już w internecie.
0
Do pojedynczych skrinów pod FF możesz użyć wtyczki Screenbrab.
Do nagrywania wideo zewnętrznych programów, np:
- Any Videro Recorder,
- SMRecorder.
0
Nie znam się na nagrywaniu wideo, ale może to coś pomoże? -> https://developer.mozilla.org/en-US/docs/Web/API/MediaStream_Recording_API
0
Jeżeli po stronie serwera i bez dźwięku to może jakieś animowane gify. GIFEncoder?
Po stronie klienta - nie wiem.
2
Niezupełnie strona, ale pośród poleceń dostępnych dla rozszerzeń Chroma jest:
desktopCapture
"Desktop Capture API that can be used to capture content of screen, individual windows or tabs".
https://developer.chrome.com/extensions/desktopCapture
Ale to nie zadziała w ramach JS strony.
Niemniej czy to ci jest w ogóle potrzebne? Może wystarczy rejestrować akcje myszy i klawiatury a później je odtworzyć?
0
Wytłumaczę to inaczej . Mam pomysł na zrobienie takiej animacji w js i chcę ją udostępnić użytkownikowi. To będzie wyglądać mniej więcej tak że użytkownik wpisuje tekst do inputa(np swój nick) i w js robię z tego animację i chcę to nagrać lub coś takiego . No wpisuję tekst i inpucie . Przechodzi na stronę animacja.html i jest guzik i jak się go kliknie to najpierw uruchamia się nagrywanie i potem animacja i jak się skończy to pojawia się guzik pobierz animację i można ją pobrać
1
Mógłbyś spróbować https://jnordberg.github.io/gif.js/ - do innych formatów możesz potem zawsze przekonwertować wykorzystując ffmpeg (nawet wprost z poziomu przeglądarki: https://github.com/Kagami/ffmpeg.js/ ;-)).
0
Robię ostatnio coś, co będzie miało podobną opcję. W końcu udało mi się "nagrać" obraz z Canvasa do animowanego gifa - użyłem do tego biblioteki gifshot https://www.npmjs.com/package/gifshot
Aczkolwiek jest to nieidealne rozwiązanie (co z nagrywaniem elementów DOM? Chociaż można jakoś wyświetlić element DOM na Canvas, ale to trochę sztuczka z tym, że się wyświetla to jako obrazek SVG... i nie wiem, czy to będzie zawsze działać - więc będę musiał to wypróbować). https://stackoverflow.com/questions/12652769/rendering-html-elements-to-canvas
poza tym w WebRTC jest możliwość nagrywania strony
https://developer.mozilla.org/en-US/docs/Web/API/WebRTC_API
https://developer.mozilla.org/en-US/docs/Web/API/Screen_Capture_API
ale z tego co piszą w tej tabelce, to na mobilkach tego nie ma.
To będzie wyglądać mniej więcej tak że użytkownik wpisuje tekst do inputa(np swój nick) i w js robię z tego animację i chcę to nagrać lub coś takiego
Robię coś podobnego koncepcyjnie, ale bardziej rozbudowane. Mianowicie cały edytor do robienia animowanych wizualizacji (chociaż w zasadzie poprzedni prototyp skupiał się na animacjach, teraz animacji w zasadzie nie ma w kolejnym prototypie, który robię. Ale planuję dodać).