dwfs-med-glob-1-gifOS

Proyecto gifOS Acamica

Development of a catalog of GIFs containing search functionality, interaction with an external API and capture of video.

Url productiva: https://thirsty-poitras-e6224f.netlify.com/

Get video from the browser

Use the navigator.mediaDevices.getUserMedia method. Official documentation: https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/getUserMedia

Recording video

recordRTC

Library external recordRTC. Official documentation: https://recordrtc.org/

Integration with external APIS

Giphy API

Giphy developers: https://developers.giphy.com/ API Key: H792sTUZHOEEmYy2LogPu1UXAbBOByJW

Generating a file to upload Giphy

• getBlob: Blobs are immutable objects that represent raw data. File is a derivation of Blob that represents data from the file system. Official documentation getBlob: https://www.javascripture.com/Blob

• FormData:The FormData interface provides a way to easily construct a set of key/value pairs representing form fields and their values, which can then be easily sent using the send() method. Official documentation FormData: https://developer.mozilla.org/en-US/docs/Web/API/FormData

Save and get Local Storage information

• localStorage: The read-only localStorage property allows you to access a Storage object for the Document's origin; the stored data is saved across browser sessions. Official documentation localStorage: https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage