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:14] bonnetja [Tutoriel] |
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 36: | Ligne 36: | ||
====== Téléchargement et Exemple ====== | ====== Téléchargement et Exemple ====== | ||
+ | |||
+ | Vous pouvez retrouver l' | ||
+ | |||
+ | 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' | ||
+ | |||
+ | {{: | ||
+ | {{: | ||
Ligne 41: | Ligne 66: | ||
- | Le programme se compose de plusieurs parties, un fichier " | + | Le programme se compose de plusieurs parties, un fichier " |
==== Structure Html ==== | ==== Structure Html ==== | ||
+ | Les commentaires/ | ||
< | < | ||
< | < | ||
Ligne 91: | Ligne 117: | ||
==== Structure Css ==== | ==== Structure Css ==== | ||
+ | Les commentaires/ | ||
< | < | ||
/* */ | /* */ | ||
Ligne 189: | Ligne 216: | ||
==== Scripts JavaScript ==== | ==== Scripts JavaScript ==== | ||
+ | |||
+ | Les commentaires/ | ||
**__camera.js__** | **__camera.js__** | ||
+ | |||
< | < | ||
// Code de Jacob Seidelin (https:// | // Code de Jacob Seidelin (https:// | ||
Ligne 451: | 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. | ||