Prise en charge des audios d'un Blog ( Blog4ever )

[GBri]

J'ai créé un Blog : http://www.mary-cassatt.net
et lorsque je l'ouvre l'audio au bas de la page d'accueil démarre automatiquement sur PC .Sur mon Samsung note 2 ( android ) je et Firefox je ne trouve pas la présence de cet audio si ce n'est qu'un point bleu qui disparaît au premier appui?
Un seul navigateur à pris cet audio en compte ainsi que le Blog contient; il s' agit UC Brows et son flash Player. Pourquoi n'est - pas pris en charge par Firefox Mobile ?
J'attends vos réponses et vos suggestions.
Cordialement
GBri
Votre Navigateur : Mozilla/5.0 (Linux; U; Android 4.4.2; fr-fr; GT-N7100 Build/KOT49H) AppleWebKit/534.30 (KHTML, like Gecko) Version/4.0 Mobile Safari/534.30

[vulcain]

Bonjour,

Parce que votre site web utilise la technologie Flash pour diffuser de l'audio. Flash est en déclin et n'existe pas pour les smartphones dans leur navigateur installé par défaut (Iphone, Android,...) si ce n'est quelques petites exceptions. Par contre sur les ordinateurs de Bureau il est largement encore présent.

Depuis la fin de Windows XP et d'Internet Explorer 6, il n'est plus nécessaire d'utiliser Flash pour diffuser de l'audio. Il existe une balise HTML dédié à cet usage:
https://developer.mozilla.org/fr/docs/W ... ment/audio
http://caniuse.com/#search=audio
L'usage conjointe du codec mp3 et du codec vorbis devrait vous garantir de toucher tous vos visiteurs.
http://hpr.dogphilosophy.net/test/index.php
Votre Navigateur : Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:32.0) Gecko/20100101 Firefox/32.0

[GBri]

Bonjour,
Merci pour votre réponse
Je n'ai donc qu'une possibilité, c'"est UC Brows Aucune autre possibilité à moins d'avoir mal compris. Pour moi vos liens ne seraient valable que sur PC de bureau. Dans ce cas sur la page d'accueil de mon Blog il faut que j'informe les internautes d'installer sur leurs mobiles UC Brows ?
Encore merci!
Bonne journée
GBri
Votre Navigateur : Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 6.2; WOW64; Trident/6.0)

[vulcain]

Pas du tout.
balise <audio> (mp3 + Vorbis) = Smartphones + Bureau
Flash = Bureau seulement

Le plus est que vous fassiez l'essai par vous même.
Votre Navigateur : Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:32.0) Gecko/20100101 Firefox/32.0

[GBri]

Je voudrais bien faire l'essai mais n'étant pas féru en informatique, je ne vois pas comment procéder?. Pouvez - vous me donner la démarche â suivre. Merci pour votre précieuse aide..
Cordialement
GBri
Votre Navigateur : Mozilla/5.0 (Linux; U; Android 4.4.2; fr-fr; GT-N7100 Build/KOT49H) AppleWebKit/534.30 (KHTML, like Gecko) Version/4.0 Mobile Safari/534.30

[vulcain]

Déjà dites nous la méthode que vous utilisez pour apporter des modifications à votre site web? En modifiant le code HTML directement, en utilisant un éditeur dédié ?

À priori la deuxième solution vu ce que je lis dans votre code source:

Code : Tout sélectionner

 <!-- RapidDesign (DizPerso 2) -->
    <!-- Offre Pro -->
    <!-- Id du blog : 8761 -->

Votre Navigateur : Mozilla/5.0 (X11; Linux x86_64; rv:35.0) Gecko/20100101 Firefox/35.0

[GBri]

J' utilise cet éditeur dédié que rarement <!-- RapidDesign (DizPerso 2) Le plus souvent en mode gestion , j'ouvre la page désirée, par exemple : Acueuil et de préférence, j'utilise les icônes proposées pour introdure une image , une vidéo et j'écris les textes directement sur la page.
Ou alors comme j'ai tout de même quelques notions en écriture HTLM, je click sur l'icône HTLM et la page d'accueuil s'ouvre
sur le mode HTLM.
Donc si vous me proposez une intervention en écriture HTLM, je puis le faire, encore faut-il me préciser sur quelle page et à quel endroit je dois introduire le texte.
Je puis également du RapidDésing introduire des CSS sur le blog dans les mêmes conditions.
Merci pour votre aide
Bonne journée
GBri
Votre Navigateur : Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 6.2; WOW64; Trident/6.0)

[GBri]

J'ai interrogé l'hébergeur de mon Blog. Ci-dessous 2 de ses réponses:
1- Le 18 septembre 2014 à 8:12, Pascal Messana (KingLouis), Webmaster de Blog4ever <support@blog4ever.com> a écrit:
Bonjour Gérard,

J'ai changé le lecteur audio pour votre blog, en mettant la nouvelle balise "audio" HTML5, qui passe sous mobile.

J'ai testé et on peut bien écouter votre musique sur iPad.

Par contre, sous iPad, iPhone, l'autoplay ne fonctionne pas. Je me suis renseigné et c'est un choix de la part d'Apple.

Au passage, pour faire fonctionner cela, j'ai retiré le code que vous aviez mis en dur sur la page d'accueil et j'ai activé la bonne musique dans VOTRE BLOG > Fonctions avancées > Musique d'accueil.

Qu'en pensez-vous ?
2-
Ma réponse :
Et bien je n'ai plus d'audio sur ma page d'accueil. Je viens de le désinstaller, l'audio m'indiquant que la source est inconnue. C'est dommage car jusqu'ici, je n'avais pas de probléme.
Cordialement.
GBrignon
Sa réponse :
En fait il fallait laisser le fichier au format .mp3 car le wma n'est pas pris en compte par la balise audio.

Mais même avec cela, cela ne fonctionne pas correctement sur tous les navigateurs Android, ils ne sont pas encore au point là dessus.

J'ai donc coupé la nouvelle fonctionnalité, on verra quand quelques temps si Android avance là dessus.

Bien cordialement,

Pascal Messana (KingLouis)
Fondateur de Blog4ever
Cordialement
GBrignon
Votre Navigateur : Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 6.2; WOW64; Trident/6.0)

[vulcain]

Bonjour,

La balise <audio> (comme la balise vidéo) permet de gérer les vieux navigateur en leur laissant Flash:
https://developer.mozilla.org/fr/docs/W ... e_rechange

Essayez de remplacer:

Code : Tout sélectionner

<div class="centre" style="margin:20px">
            
                    <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="200" height="20" id="dewplayer" align="middle">
                        <param name="wmode" value="transparent">
                        <param name="allowScriptAccess" value="sameDomain" /><param name="movie" value="/resources/lib/dewplayer/dewplayer.swf?mp3=http://static.blog4ever.com/2006/01/8761/Accueil-site-Mary-CASSATT---Copie.mp3&autostart=1&autoreplay=1&showtime=1" />
                        <param name="quality" value="high" /><param name="bgcolor" value="FFFFFF" />
                        <embed src="/resources/lib/dewplayer/dewplayer.swf?mp3=http://static.blog4ever.com/2006/01/8761/Accueil-site-Mary-CASSATT---Copie.mp3&autostart=1&autoreplay=1&showtime=1" quality="high" bgcolor="FFFFFF" width="200" height="20" name="dewplayer" wmode="transparent" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>
                    </object>
                
        </div>

par

Code : Tout sélectionner

<div class="centre" style="margin:20px">
            <audio loop="loop" autoplay="autoplay" controls="controls">
                    <source type="audio/mp3" src="http://static.blog4ever.com/2006/01/8761/Accueil-site-Mary-CASSATT---Copie.mp3"> 
                    <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="200" height="20" id="dewplayer" align="middle">
                        <param name="wmode" value="transparent">
                        <param name="allowScriptAccess" value="sameDomain" /><param name="movie" value="/resources/lib/dewplayer/dewplayer.swf?mp3=http://static.blog4ever.com/2006/01/8761/Accueil-site-Mary-CASSATT---Copie.mp3&autostart=1&autoreplay=1&showtime=1" />
                        <param name="quality" value="high" /><param name="bgcolor" value="FFFFFF" />
                        <embed src="/resources/lib/dewplayer/dewplayer.swf?mp3=http://static.blog4ever.com/2006/01/8761/Accueil-site-Mary-CASSATT---Copie.mp3&autostart=1&autoreplay=1&showtime=1" quality="high" bgcolor="FFFFFF" width="200" height="20" name="dewplayer" wmode="transparent" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>
                    </object>
                </audio>
        </div>

Votre Navigateur : Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:32.0) Gecko/20100101 Firefox/32.0

[GBri]

Je crois que le mieux serait que je vous donne mon code d'accés à la gestion de mon Bloc pour que vous interveniez directement. J'ai fais un essai derniéremet et c'a été une catastrophe. Qu'en pensez-vous? Il n'y a que vous qui auriez cet accés,( le code d'accés ne paraîtrait pas sur le forum je crois ?)
2e solution:
J e transmets vos informations au Webmaster du serveur de mon Blog. Probléme: il pourrait se vexer?
J'attends votre réponse et merci pour le temps que vous me consacrez.
Bonne journée
Gbri
Votre Navigateur : Mozilla/5.0 (Linux; Android 4.4.2; GT-N7100 Build/KOT49H) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/37.0.2062.117 Mobile Safari/537.36 OPR/24.0.1

[GBri]

Re Bojour,
Avec le mal que vous donnez, je me suis dit qu'il fallait que je fasse un essai. J'ai donc par précaution fait dans Word Pat une copie de ma page d'Accueil en HTLM et j'ai fais un copier-coller de vote code dans ma page d'accueil; Résultat: un nouvel audio s'est installé sur ma page d'accueil. Je me suis aussitôt empressé d'aller sur la fonction Avancés de mon Blog pour supprimer l'audio installé par Blog4 Ever avec un résultat positif. J'ai fait un essai sur mon Note 2 et j'ai eu la surprise de trouver l'audio sur UC Brows et Chrome mais pas sur Internet Explorer et Firefox et n'ai pas essayé sur d'autres navigateurs. Puis, j'ai tout remis comme c'était avant mon intervention.
Comme j'ai des audios sur d'autres pages du Blog, je pense que je dois reproduire vote code sur ces autres pages ?
Je ne sais pas si vous avez une solution pour les autres navigateurs ? Toujours est-il que je suis fier d'avoir essayé grâce à vos encouragements.
Merci pour votre patience qui m'encourage à prendre des risques.
Cordialement
GbriE
Votre Navigateur : Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 6.2; WOW64; Trident/6.0)

[GBri]

Je me suis décidé à mettre le code sur ma page d'accueil et j'ai testé le résultat sur mon note 2 avec une vingtaine de navigateurs. Seul 2 n'ont pas répondu présent, Internet Explorer et Firefox
Et à présent que dois-je faire pour les audios sur les autres pages du Blog Que faut-il changer dans ce code pour par exemple l'audio de la page : http://www.blog4ever.com/gestion/articl ... er/9342078
<div class="centre" style="margin:20px">
<audio loop="loop" autoplay="autoplay" controls="controls">
<source type="audio/mp3" src="http://static.blog4ever.com/2006/01/876 ... -Copie.mp3">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/sh ... on=7,0,0,0" width="200" height="20" id="dewplayer" align="middle">
<param name="wmode" value="transparent">
<param name="allowScriptAccess" value="sameDomain" /><param name="movie" value="/resources/lib/dewplayer/dewplayer.swf?mp3=http://static.blog4ever.com/2006/01/876 ... showtime=1" />
<param name="quality" value="high" /><param name="bgcolor" value="FFFFFF" />
<embed src="/resources/lib/dewplayer/dewplayer.swf?mp3=http://static.blog4ever.com/2006/01/876 ... showtime=1" quality="high" bgcolor="FFFFFF" width="200" height="20" name="dewplayer" wmode="transparent" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>
</object>
</audio>
</div>
Bonne soirée
Cordialement
GBri
Votre Navigateur : Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 6.2; WOW64; Trident/6.0)

[vulcain]

Désolé de ne pas vous avoir répondu plutôt, trop de travail.

Je suis retourné sur votre site qui utilise toujours flash. Dommage
Votre Navigateur : Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:33.0) Gecko/20100101 Firefox/33.0