archive-org.com » ORG » B » BRAINCRACKING.ORG

Total: 56

Choose link from "Titles, links and description words view":

Or switch to "Titles and links view".
  • localStorage : Page de démonstration et tutoriel - <html5> par l'exemple - Le site français de démo des balises HTML5 et de test du support des navigateurs.
    même nom de fichier Sauvez des données puis fermez votre navigateur Quand vous le réouvrirez vous pourrez accéder aux données précédemment sauvées Une étude exhaustive sur la taille des stockages par HTML5 Rocks Exemple de code HTML 5 script function set filename document forms editor filename value data document forms editor data value localStorage setItem filename data document forms editor data value function get filename document forms editor filename value

    Original URL path: http://html5demo.braincracking.org/demo/localStorage.php (2016-04-30)
    Open archived version from archive


  • sessionStorage : Page de démonstration et tutoriel - <html5> par l'exemple - Le site français de démo des balises HTML5 et de test du support des navigateurs.
    PHP et permet un stockage beaucoup plus important que les cookies Elle permet de stocker des paires de valeurs dans un espace associé à chaque session ou page comme un mot de passe par exemple allant ainsi dans le sens du SSO sessionStorage length donne le nombre de paires actuellement stockées key n donne le nom de la n ième clé getItem clé retourne la valeur de la clé en question setItem clé valeur sauvegarde une paire de données associées à la session en cours écrase la valeur précédente si la clé existe déjà removeItem clé efface la paire de données correspondante clear efface toute les données Notes sur le tuto Contrairement à localStorage il n y a pas de persistence de la sauvegarde entre les sessions ouverture simultanée de plusieurs pages dans plusieurs instances du navigateur ni après avoir fermé le navigateur Une étude exhaustive sur la taille des stockages par HTML5 Rocks Exemple de code HTML 5 Entrez une valeur input id demo name demo onkeyup sessionStorage setItem this name this value br Puis naviguez sur le site et revenez sur cette page au cours de la même session script myValue sessionStorage demo if myValue null typeof myValue

    Original URL path: http://html5demo.braincracking.org/demo/sessionStorage.php (2016-04-30)
    Open archived version from archive

  • File API : Page de démonstration et tutoriel - <html5> par l'exemple - Le site français de démo des balises HTML5 et de test du support des navigateurs.
    côté client et non plus seulement côté serveur File API files liste des fichiers sélectionnés name nom avec extension size taille en octets type type MIME Attributs de input type file accept eReg filtre les fichiers dans l explorateur par une expression régulière multiple permet de sélectionner plusieurs fichiers Notes sur le tuto L exemple ci dessous est inspiré de cet article pour la sélection multiple et de cet article pour l affichage de la miniature Voir aussi Media Capture Exemple de code HTML 5 Sélectionnez plusieurs images br input type file accept image multiple onchange filesProcess this files name selection br span id result span script function filesProcess files selection table tr th Nom th th Type MIME th th Octets th th Miniature th tr for i 0 i files length i selection tr td files i name td td files i type td td style text align right files i size td td img src window URL createObjectURL files i style width 100px td tr window URL revokeObjectURL files i selection table document getElementById result innerHTML selection script Démonstration du résultat HTML 5 Sélectionnez plusieurs images Détection automatique du support HTML 5 Librairie JavaScript de détection automatique

    Original URL path: http://html5demo.braincracking.org/demo/fileAPI.php (2016-04-30)
    Open archived version from archive

  • <audio> : Page de démonstration et tutoriel - <html5> par l'exemple - Le site français de démo des balises HTML5 et de test du support des navigateurs.
    autoplay joue le fichier automatiquement loop joue en boucle controls affiche les contrôles Formats Formats supportés WAV OGG MP3 AAC AIFF AU Notes sur le tuto Limitations Edge acquiert le support du format WAV Le format AAC est supporté dans ses versions Apple et Dolby par Chrome Edge et Safari mais pas par IE ni Firefox qui ne supportent que la version Apple Safari sous iOS ne démarre pas automatiquement la lecture des sons Implémentation d un lecteur Ogg Vorbis en HTML 5 mtAudioPlayer Tout ce que vous devez savoir sur l audio et la vidéo en HTML5 Fichiers sample ci dessous empruntés sur NCH Software et fichiers recit empruntés sur Linn Records Exemple de code HTML 5 WAV loop br audio src media sample wav autoplay controls loop span class ko lt audio gt non supportée span audio br br OGG loop br audio src media sample ogg autoplay controls loop span class ko lt audio gt non supportée span audio br br MP3 loop br audio src media recit mp3 autoplay controls loop span class ko lt audio gt non supportée span audio br br AAC version Apple br audio src media warOfTheWorlds m4b autoplay controls span class ko lt audio gt non supportée span audio br br AAC version Dolby br audio src media sample aac autoplay controls span class ko lt audio gt non supportée span audio br br AIFF br audio src media sample aiff controls span class ko lt audio gt non supportée span audio br br AU br audio src media sample au controls span class ko lt audio gt non supportée span audio br br FLAC br audio src media recit16bit flac controls span class ko lt audio gt non supportée span audio br br MIDI br audio src media missionImpossible2 mid

    Original URL path: http://html5demo.braincracking.org/demo/audio.php (2016-04-30)
    Open archived version from archive

  • <video> : Page de démonstration et tutoriel - <html5> par l'exemple - Le site français de démo des balises HTML5 et de test du support des navigateurs.
    n est pas disponible autoplay joue le fichier automatiquement loop joue en boucle controls affiche les contrôles source permet de spécifier des contenus alternatifs API currentTime offset de lecture du média play joue le fichier paused indique si le fichier est en pause pause pause le fichier Types MIME Il faut veiller à envoyer le bon type MIME afin que la video soit identifiée au bon format Cela peut se faire par configuration du serveur web ou plus simplement à l aide du fichier htaccess via la ligne AddType video format extension Formats Formats supportés OGG WEBM H264 Notes sur le tuto Le mode plein écran n est pas accessible via l API afin de préserver les intérêts de l utilisateur Limitations Firefox nécessite l ajout de la ligne AddType video ogg ogv dans le fichier htaccess pour les sites hébergés chez le FAI Free Firefox et Opera nécessitent l ajout de la ligne DefaultType video webm dans le fichier htaccess du dossier des vidéos pour le FAI Amen Safari sous iOS ne démarre pas automatiquement la lecture des vidéos Page dédiée sur le support de cette balise et de ses différents formats sur Wikipédia La vidéo en HTML5 sur Dailymotion et YouTube Tout ce que vous devez savoir sur l audio et la vidéo en HTML5 Vidéos ci dessous empruntées sur Opera d autres formats sur JoJaBa Exemple de code HTML 5 script function rewind i document getElementsByTagName video i currentTime 0 function playpause i btn video document getElementsByTagName video i if video paused video play btn value else video pause btn value script OGG br video src media windowsill ogv poster img poster png autoplay controls loop span class ko lt video gt non supportée span video br input type button value onclick rewind 0 input type button

    Original URL path: http://html5demo.braincracking.org/demo/video.php (2016-04-30)
    Open archived version from archive

  • JavaScript async : Page de démonstration et tutoriel - <html5> par l'exemple - Le site français de démo des balises HTML5 et de test du support des navigateurs.
    type d attribut n est pas modifiable dynamiquement Ne fonctionne que pour un script qui est sourcé Opera ne supporte cet attribut qu au premier chargement de la page mais pas après un refresh Exemple de code HTML 5 async js eltDemo document getElementById demo eltDemo innerHTML 2 Si cette phrase est en premier async n est pas supporté br br eltDemo className ok span id demo span script async

    Original URL path: http://html5demo.braincracking.org/demo/async.php (2016-04-30)
    Open archived version from archive

  • App Manifest : Page de démonstration et tutoriel - <html5> par l'exemple - Le site français de démo des balises HTML5 et de test du support des navigateurs.
    correctement ce site veuillez activer JavaScript dans les options de votre navigateur et réessayez Blog BrainCracking Forums Ajouter ce site à l écran d accueil en suivant le mode opératoire de How To Geek Réouvrir ce site en utilisant l icône de l écran d accueil pour constater le lancement en plein écran Archive des fichiers déclarés ci dessus Navigateur Mozilla 5 0 compatible archive org com 1 1 http

    Original URL path: http://html5demo.braincracking.org/demo/appManifest.php (2016-04-30)
    Open archived version from archive

  • contentEditable : Page de démonstration et tutoriel - <html5> par l'exemple - Le site français de démo des balises HTML5 et de test du support des navigateurs.
    false l élément n est pas éditable inherit prend la valeur de l élément parent Notes sur le tuto Si l attribut est présent seul il prend la valeur true Si l attribut est absent la valeur par défaut est inherit Il peut être intéressant de l utiliser avec execCommand Exemple de code HTML 5 span contentEditable Vous pouvez modifier cette phrase et même y insérer des objets images par

    Original URL path: http://html5demo.braincracking.org/demo/contentEditable.php (2016-04-30)
    Open archived version from archive



  •