09 décembre 2016 HTML5, LABO & TESTS, LEARNING, OUTILS TICE, RICHMEDIA, VIDEO
Synhroniser vos diapos et le son avec l'outil VCASMO
Vcasmo est une plateforme Web qui vous permet de rapidement synchroniser une présentation PowerPoint à une vidéo ou à une bande son (fichier MP3).
Vous avez envie de diffuser sur votre blog ou site web, une vidéo en live par l'intermédiaire de Youtube en y mettant les commentaires, il existe une solution.
Pendant une diffusion en direct sur votre chaîne Youtube, vous pouvez intégrer le chat en direct sur votre site à l'aide d'un iFrame.
08 février 2016 HTML5, OUTILS TICE
Créer facilement des exercices elearning au format HTM5 et intégration dans un blog wordpress et Drupal.
Il est parfois utile lors de longue vidéo de permettre aux utilisateurs de rechercher un passage dans la vidéo par un mot-clef.
23 juillet 2015 HTML5
Le HTML5, apporte de nombreuses fonctions au développeur web, parmi les fonctions on trouve la méthode de stockage des données: Le stockage local (localStorage).
Il est désormais possible de stocker des données localement dans votre navigateur (supportant la propriété bien sûr).
Les données sont stockées pour un site précis et peuvent récupérées sur n'importe quelle autre page du site.
Cette propriété s'annonce comme le remplacement des cookies à la différence qu'il est possible de stocker bien plus d'informations (Environ 5 Mb) et que seul le client peut accéder à ces données.
Voici un exemple de code afin de le mettre en pratique :
2 méthodes pour stocker localement:
localStorage[
'key'
] =
"Ma variable"
;
localStorage.setitem(
"key"
,
"Ma variable"
);
Tester la compatibilité du navigateur pour le LocalStorage + d'infos
if (localStorage) { // Le navigateur supporte le localStorage } else { // localStorage non supporté }
Récupérer une variable locale (HTML5)
localStorage[
'Ma variable'
]
ou bien
localStorage.getitem[
'Ma variable'
]
Supprimer une variable locale (HTML5)
removeItem(
"key"
);
Pour supprimer toutes les combinaisons clé - valeurs (key-value) vous pouvez utiliser la méthode clear: localStorage.clear();
Concernant les compatibilités navigateurs: