В эти выходные я немного поиграл с интерфейсом MediaDevices и MediaRecorder, чтобы создать небольшой онлайн-рекордер экрана.
Помимо записи полного видео, вы также можете установить размер фрагмента для небольших видеофрагментов. Вы можете скачать фрагменты или полное видео в виде файлов webm и gif.
Весь код вы можете найти на GitHub https://github.com/azettl/screenrecorder
Я пытался добавлять ко всему комментарии, так что надеюсь, что этот код будет полезен и другим.
Два основных файла:
- https://github.com/azettl/screenrecorder/blob/master/assets/js/recorder.js
- https://github.com/azettl/screenrecorder/blob/master/assets/js/gif.converter.js
Если вы хотите попробовать то, что я делаю, загляните на https://www.screenrecorder.online.