Los poderes secretos de las Web APIS o Web Device APIS
Tags: webdev, javascript, beginners, api
Published: 2022-06-19 16:13:04

Voy a describir y documentar mis experimentos en codepen sobre las web device APIS.

La lista completa de todas las APIS que podemos usar esta aqui:
[Developer mozilla Web API](https://developer.mozilla.org/es/docs/Web/API)


1. Acelerometro, compas y giroscopio [Documentacion MDN sobre el Acelerometro API ](https://developer.mozilla.org/en-US/docs/Web/API/Accelerometer) 


2. Enlace con documentación y varios demos de casos de uso:   [Web MIDI API](https://dev.to/jmrsuarez/webapi-midi-en-la-web-499a)

3. Reproducir audio en HTML5, remoto y local.  Aqui pondre una demo de reproducir audio tanto en el servidor como local. [Demo en codepen de reproducir audio](https://codepen.io/juliomrs/pen/oNBWLRE)  
Efectos de sonido breves codificados en base64 y [Demo de Web MIDI](https://codepen.io/juliomrs/pen/xxYKvwa)   {% codepen https://codepen.io/juliomrs/pen/oNBWLRE %}
Mp3 en la nube con enlaze CDN
Mp3 en la nube con chirbit
Mp3 local


4. Grabar audio. [Demo de grabar audio en codepen](https://codepen.io/juliomrs/pen/abqrdYG)

5. Reproducir Video en un archivo y en youtube 

6. Visibilidad de la pagina

7. Vibracion del telefono celular  [MDN vibracion API](https://developer.mozilla.org/es/docs/Web/API/Vibration_API)  [Codepen buenas vibras](https://codepen.io/juliomrs/pen/qBxWeoG)

8. Orientacion del celular

9. [Documentacion MDN del Clipboard API](https://developer.mozilla.org/en-US/docs/Web/API/Clipboard)  [Demo en codepen de copiar y pegar del clipboard](https://codepen.io/juliomrs/pen/yLvrwwe)

10. Luz de ambiente [Demo en codepen de luz de ambiente](https://codepen.io/juliomrs/pen/yLvrwGY)

11. Estado de la bateria

12. Web Assembly [Documentacion MDN Web assembly](https://webassembly.org/)

13. [El gamepad ](https://developer.mozilla.org/en-US/docs/Web/API/Gamepad)
https://developer.mozilla.org/es/docs/Web/API/GamepadButton

14. Screen capture API, [Grupo de APIS Web relacionadas con el  Video](https://dev.to/jmrsuarez/grabando-la-pantalla-con-web-video-api-poderessecretosweb-4k6e)


[Documentacion MDN de la Screen capture API](https://developer.mozilla.org/en-US/docs/Web/API/Screen_Capture_API/Using_Screen_Capture ) y demos en codepen.

15. Local Filesystem API, [Documentacion en web.dev](https://web.dev/file-system-access/) Esperen pronto una demo en codepen.     [Client side storage](https://developer.mozilla.org/es/docs/Learn/JavaScript/Client-side_web_APIs/Client-side_storage)   [Sobre el API LocalFileSystem.](https://hacks.mozilla.org/2012/03/there-is-no-simple-solution-for-local-storage/)

16. El API del GPS

---


*-*-*-*-*-*-*-*

https://developer.mozilla.org/en-US/docs/Web/API/AbsoluteOrientationSensor

https://developer.mozilla.org/en-US/docs/Web/API/AmbientLightSensor

https://developer.mozilla.org/es/docs/Web/API/Animation

https://developer.mozilla.org/en-US/docs/Web/API/BarcodeDetector

https://developer.mozilla.org/en-US/docs/Web/API/EyeDropper


https://developer.mozilla.org/es/docs/Web/API/Geolocation

https://developer.mozilla.org/es/docs/Web/API/GeolocationCoordinates

https://developer.mozilla.org/en-US/docs/Web/API/GestureEvent

https://developer.mozilla.org/en-US/docs/Web/API/GravitySensor

https://developer.mozilla.org/en-US/docs/Web/API/Gyroscope