Ci-dessous, les différences entre deux révisions de la page.
Les deux révisions précédentes Révision précédente Prochaine révision | Révision précédente | ||
wiki:tutoriels:ascii-camera-html:accueil [2020/10/15 18:18] bonnetja [Structure Html] |
wiki:tutoriels:ascii-camera-html:accueil [2020/10/16 11:44] bonnetja [Débogage et Infos supplémentaires] |
||
---|---|---|---|
Ligne 25: | Ligne 25: | ||
===== Présentation de l' | ===== Présentation de l' | ||
- | On peut changer la couleur de la typographie et du fond d' | + | On peut changer la couleur de la typographie et du fond d' |
=== Version classique | === Version classique | ||
Ligne 39: | Ligne 39: | ||
Vous pouvez retrouver l' | Vous pouvez retrouver l' | ||
- | Vous pouvez également télécharger les 4 styles d' | + | Vous pouvez également télécharger les 4 styles d' |
+ | * {{ : | ||
+ | * ou en {{ : | ||
+ | |||
+ | ==== Structure du dossier et site ==== | ||
+ | |||
+ | Dézipper votre téléchargement, | ||
+ | |||
+ | {{: | ||
+ | |||
+ | Ouvrez un des un des 4 dossiers d' | ||
+ | |||
+ | {{: | ||
+ | |||
+ | Ouvrez la page web " | ||
+ | |||
+ | {{: | ||
+ | |||
+ | Autoriser l' | ||
+ | |||
+ | {{: | ||
+ | {{: | ||
+ | |||
====== Explication du programme | ====== Explication du programme | ||
- | Le programme se compose de plusieurs parties, un fichier " | + | Le programme se compose de plusieurs parties, un fichier " |
==== Structure Html ==== | ==== Structure Html ==== | ||
Ligne 94: | Ligne 117: | ||
==== Structure Css ==== | ==== Structure Css ==== | ||
+ | Les commentaires/ | ||
< | < | ||
/* */ | /* */ | ||
Ligne 192: | Ligne 216: | ||
==== Scripts JavaScript ==== | ==== Scripts JavaScript ==== | ||
+ | |||
+ | Les commentaires/ | ||
**__camera.js__** | **__camera.js__** | ||
+ | |||
< | < | ||
// Code de Jacob Seidelin (https:// | // Code de Jacob Seidelin (https:// | ||
Ligne 454: | Ligne 481: | ||
+ | ====== Débogage et Infos supplémentaires ====== | ||
+ | |||
+ | ☛ ATTENTION : ne changez pas l' | ||
+ | |||
+ | ☛ Si vous souhaitez héberger ce fichier sur votre propre site internet, il ne fonctionnera que si vous utilisez un protocole HTTPS (sécurisé) et non http, c'est la norme depuis 2018 pour pouvoir accéder à la caméra, le micro, la localisation, | ||
+ | |||
+ | ☛ Ne fonctionne visiblement pas sur Safari, mais fonctionne sur téléphone. | ||