Vocalisation de sites web/blogs avec webSpeaker

L'entreprise Voice Corp propose depuis 1999 la solution ReadSpeaker pour la vocalisation de site web en mode SaaS. Depuis début février ils en ont décliné une version gratuite - avec inserts publicitaires, à l'attention des sites individuels : webReader.
Si l'on utilise Wordpress, Joomla, TypePad ou Blogger, il suffit d'installer le widget/plugin correspondant (je n'ai pas testé). Sinon d'insérer comme ici, quelques lignes de code dans ses templates.
J'ai paramétré webReader pour qu'il s'active quand un billet est l'unique contenu de la page (par exemple quand on y accède via le permalien).
Pour déclencher la vocalisation à la volée, il suffit de cliquer sur le lien "Ecoutez" (avec le haut parleur) situé au-dessus du titre du billet.
Remarques à l'usage
Il est possible de choisir une voix d'homme ou de femme avec la même qualité de rendu - qui me semble très correcte en Français. Un point à perfectionner à mon avis incontournable - mais peut-être proposé dans les versions payantes ? : la détection automatique (ou pour le moins une méthode de signalement) de langues secondaires dans le texte, en particulier l'anglais.. ça donne sinon de drôle de résultat (comme par exemple ici : Tweeter prononcé Tvité).
Je gtrouve aussi assez frappant de sentir comment l'outil pourrait inciter à repenser ses contenus : certains textes "passent bien" une fois vocalisés ; d'autres beaucoup moins... et puis cela m'a permis de réaliser que je n'avais pas renseigné toutes les balises alt des images ; ou encore que je pouvais ajouter un texte masqué (avec un CSS visibility:hidden) aux objects flash (SlideShare, Vidéos...), afin que le texte vocalisé ait plus de sens.
C'est intéressant en terme de prise en compte des problématiques d'accessibilité - même si webReader n'a pas vocation à jouer un rôle d'assistance pour les personnes non-voyantes (du moins à l'état brut).
Mention quant au support utilisateurs webReader
J'ai un peu peiné (après avoir enfin sorti le nez des templates Drupal...), pour règler le paramètre "URL du site". Je pense que j'aurais pu me débrouiller en partie tout seul... en tous les cas je tenais à saluer ici la réactivité et l'efficacité des réponses apportées par le support de Voice Corp.
Particularité : l'utilisation à cet effet de la plateforme GetSatisfaction, où l'on retrouve de très nombreuses entreprises/startup Internet ; et dont le modèle de support ouvert me semble très intéressant - j'y reviendrai.


Commentaires
config url webreader
bonjour,
au final, quelle est la bonne url pour un site Drupal ?
nom du site/node (chez moi, il ne lit que le titre :()
Mise en oeuvre WebReader ici
Bonjour,
pour essayer de vous répondre - comme je le comprends vous venez de chez GetSatisfaction :
This beeing said, here's what i've done, given :
- i'm using the Zen template for Drupal wich is one among many others, this one relying on the Phptemplate engine (note : i did not strictly follow the "sub-theming" recommended practices...)
- i wanted to have webReader work when a "node" (the content unit in Drupal) of (predefined) type "blog" is displayed : so i have named templates for that purpose (Drupal using them if they are present)
- i have used your instructions (and corresponding code) for implementing webReader on a page where articles/posts are displayed one at a time (after following a permalink for ex.)
- and because Drupal uses the same template files for a listing of several blog nodes, and for displaying a single blog node, i had to test the $page variable.
So here's the code :
inserted inside page-blog.tpl.php (where is defined the head section of the page)
(note : i'm testing if the javascript code needs to be loaded... though i'm
not sure it's really a good choice, because i dont exactly know how Drupal
will handle it in terms of caching and comprression..) :
-----------------------------
<?php print $scripts; ?>
<!-- ReadSpeaker -->
<?php if ($page == 1): ?> <!-- if this node is single on the page -->
<script language="javascript" type="text/javascript"
src="http://valeurdusage.net/drupal/http://wr.readspeaker.com/webreader/webreader.js.php?cid=VOTRE_CID"></script>
<?php endif; ?>
<!-- /ReadSpeaker -->
</head>
-----------------------------
inserted inside node-blog.tpl.php (the content of the node)
(note : the speaker is postionned above the title of the article - same test as before to display only if a single node ; then i used your markers to read : the title, date of submission ($submitted), and the content) :
-----------------------------
<div class="node <?php print $node_classes; ?>" id="node-<?php print
$node->nid; ?>"><div class="node-inner">
<!-- ReadSpeaker -->
<?php if ($page == 1): ?> <!-- if this node is single on the page -->
<div style="margin:5px">
<a
href="http://valeurdusage.net/drupal/http://wr.readspeaker.com/webreader/webreader.php?cid=VOTRE_CID&template=blog_free&title=readspeaker&url="
onclick="readpage(this.href+escape(document.location.href),1); return
false;">
<img src="http://valeurdusage.net/drupal/http://media.readspeaker.com/images/webreader/listen_fr_fr.gif"
border="0" title="Lis moi avec webReader" alt="Lis moi avec webReader"
/></a>
<div id="WR_1"></div>
</div>
<?php endif; ?>
<!-- /ReadSpeaker -->
<!-- RSPEAK_START -->
<h2 class="title">
<a href="http://valeurdusage.net/drupal/ </h2>
<?php if ($unpublished): ?>
<div class="unpublished"><?php print t('Unpublished'); ?></div>
<?php endif; ?>
<?php if ($picture) print $picture; ?>
<?php if ($submitted): ?>
<div class="submitted">
<?php print $submitted; ?>
</div>
<?php endif; ?>
<div class="content">
<?php print $content; ?>
<!-- RSPEAK_STOP -->
</div>
<?php if ($links): ?>
<div class="links">
<?php print $links; ?>
</div>
<?php endif; ?>
</div></div> <!-- /node-inner, /node -->
Je suis tombe par hasard sur
Je suis tombe par hasard sur cette page, mais je ne regrette pas, je connaissais pas WebReader mais ca a l'air tres sympa. Hop, je vais tester ca sur mon blog.
emploi medical
Poster un nouveau commentaire