Web 2.0
Multimédia
Internet
Programmation...



Raphael Lecerf

Développeur Multimédia à l'Université de LIlle

jQuery Zoomer Plugin - "Ajouter un effet Zoom à vos photos"


04 juin 2018 HTML5, LABO & TESTS


Query Zoomer Plugin - "Ajouter un effet Zoom à vos photos"

Vous avez envi de diffuser des cartes ou des oeuvres artistiques et vous souhaitez que l'utilisateur puisse zoomer facilement sur vos illustration, voici un petit plugin en Javascript qui fera l'affaire.

Lire la suite de jQuery Zoomer Plugin - "Ajouter un effet Zoom à vos photos"


Ajouter une lecture automatique des paragraphes ou de balises spécifiques avec Text-To-Speech en JQuery


29 mai 2018 LABO & TESTS, OUTIL, LEARNING


 Ajouter une lecture automatique des paragraphes ou de balises spécifiques avec Text-To-Speech en JQuery

 

Envie de rajouter de l'interactivité à votre site ou à votre module de langue en permettant la lecture automatique des div ou des balises ALT d'images, grace à l'utilisation de librairies Javascript et JQuery - Voir la démo en fonctionnement

La librairie est basée sur le système Google Text To Speech

Text to Speech

Voici le code en détail :

 //Les librairies

<script class="jsbin" src="http://code.jquery.com/jquery-1.8.2.js"></script>
<script src='responsivevoice.js'></script>

 <script>
        // script pour faire fonctionner responsivevoice
    var filterblur = document.getElementById("filterblur");
    var maxradius = 40;
    var rdelta = 12;
    var radius = maxradius/2;
    function update() {
        requestAnimationFrame(update);
        if (typeof responsiveVoice !== 'undefined' && responsiveVoice.isPlaying()) {
            radius += (Math.random() * rdelta) - rdelta/2;
            if (radius>maxradius) radius = maxradius/2;
            if (radius<0) radius = maxradius/2;
            if (document.getElementById("filterblur")) document.getElementById("filterblur").setAttribute("stdDeviation",radius);
        } else {
            if (document.getElementById("filterblur")) document.getElementById("filterblur").setAttribute("stdDeviation",0);
        }
    }
    update();
    </script>
    <script>
        // script pour la sélection de texte
function getSelected() {
    if(window.getSelection){
        return window.getSelection();
 
    } else if(document.getSelection){
        return document.getSelection();
 
    } else {
        var selection = document.selection && document.selection.createRange();
 
        if(selection.text) {
            return selection.text;
        }
        return false;
    }
 
    return false;
}
    </script>

<script>
/// on récupére le contenu de la selection et choix de langue
function lire() {
    var test = getSelected();
      if(test != false){
     responsiveVoice.speak( "" + test + "" ,"French Female");
        
      }
        
        }
/// fonction pour lancer la lecture du paragraphe complet cad la DIV
function lireparagraphe() {
         responsiveVoice.speak( $('#paragraphe').text()  ,"French Female");

        }    
    
    </script>

<script>
 ///requete pour récupérer les balises ALT
$(function() {
  $('a').click(function() {
       responsiveVoice.speak( $('img', this).attr('alt')  ,"French Female");
       return false;
  });
});
</script>

 

 


ASTUCE [dictation.io] - comment transcrire vos vidéos en quelques clics


18 mai 2018 VIDEO, LABO & TESTS, OUTIL


Il est parfois nécessaire de tanscrire des vidéos à des fins de création de sous-titrage ou autres utilisations. La transcription d'une vidéo peut prendre un certain temps grâce à cette astuce vous pourrez gagner en productivité.

Il existe le site https://dictation.io/ qui fait bien les choses, néammoins il subsiste quelques erreurs de transcription dans le cas d'une vidéo avec une bande sonore de moindre qualité.

 

Dictation Machine

Lire la suite de ASTUCE [dictation.io] - comment transcrire vos vidéos en quelques clics


Les différents types exercices H5P (Drupal, Moodle & Wordpress)


04 janvier 2018 OUTILS TICE, LABO & TESTS, OUTIL, LEARNING, RICHMEDIA


J' avais posté il y a quelques temps un article concernant ce plugin  "Créer son blog LMS Elearning avec H5P (Drupal, Wordpress)"

Aujourd'hui je vais citer en détail les différentes activités de E-Learning que vous donne cet outil.

démo de création de la vidéo interactive

Lire la suite de Les différents types exercices H5P (Drupal, Moodle & Wordpress)


Meilleurs Vœux pour 2018


21 décembre 2017 OUTILS TICE


A l'Aube de cette Année Nouvelle, je vous souhaite à tous mes Meilleurs Vœux pour 2018. Que cette année vous apporte la Joie, la santé, le travail et qu'elle soit remplie de Bonheur.

Meilleurs Vœux 2018

 


Recherche

Statistiques

  • 34 articles
  • aucun commentaire
  • PluXml 5.3.1