• Sur ce site, vous trouverez :
    Camera ! Évidemment...

    ...mais aussi des carousels : WaterwheelCarousel par exemple...

  • ... des informations sur les iFrames responsives

    Une solution élégante pour rendre les iFrames (cadres, dans lesquels on intègre d'autres pages) "responsive design" : Ils s'adapteront automatiquement et de manière proportionnelle à la dimension de la page.

    Lisez le tutoriel

    Lisez également ce tutoriel

    pour créer un bandeau "responsive design", constitué de cellules indépendantes, au contenu varié, à placer en haut, en bas, dans la boite édito, dans un article...de votre site.

  • ...un Audio Player dans un Iframe... ...et un autre intégré dans Guppy

  • ...des images qui changent au survol de la souris... ...par exemple :

    ...mais bien d'autres effets à découvrir, notamment celui que vous êtes en train d'utiliser...

  • ...et bien sûr des skins pour habiller vos sites GuppY V5...la série "Transparences" avec ici FeatureCarousel

  • Camera

    Camera

    ¤ Camera est un slider développé par Manuel Masia. On peut l'utiliser très facilement dans GuppY.

    Dans ses différentes options possibles, on peut faire varier les transitions, les apparitions de titres, les vignettes de pagination. Camera peut même intégrer des vidéos !

    Sur ce site quelques tutoriels pour mieux maitriser Camera.

    Informations Camera

    ¤ Deux carousels de Brian Osborne sont disponibles lisez les tutoriels dédiés : WaterwheelCarousel et FeatureCarousel.

  • iFrames

    iFrames responsives

    Une solution élégante pour rendre les iFrames (cadres, dans lesquels on intègre d'autres pages) "responsive design" : Ils s'adapteront automatiquement et de manière proportionnelle à la dimension de la page.

    Lisez le tutoriel

    Lisez également ce tutoriel

    pour créer un bandeau "responsive design", constitué de cellules indépendantes, au contenu varié, à placer en haut, en bas, dans la boite édito, dans un article...de votre site.

  • Audio-Players

    Audio-Players

    ¤ Un Audio-player à mettre en place dans un iFrame. Il affiche les pochettes d'album des morceaux qui sont joués. Léger et "customisable", quelques skins en téléchargement lui sont destinées. Il peut être amélioré ! Adeptes du Javascript... à vos claviers ! wink

    Lisez le tutoriel

    ¤ Un deuxième Audio-player simple avec playlist également peut être intégré directement dans GuppY.

    Lisez le tutoriel

  • Effets au survol

    Effets au survol

    Des astuces amusantes, surtout en CSS, pour agrémenter les sites.

    Au survol de la souris : des images qui changent, qui pivotent et font apparaitre un nouveau contenu, les boutons déroulants offrant de nouvelles informations, une boîte-menu déroulante (celle-là même que vous utilisez)... et d'autres, à venir, sans doute.

    La possibilité aussi de personnaliser des infobulles dans une image mappée cliquable générée par Gimp (traitement d'image libre et gratuit). Lisez le tutoriel

    Des liens vers des tutoriels sont disponibles dans le menu "Astuces>Changements au survol"

  • Skins

    Skins pour GuppY V5

    Quelques skins sont disponibles en téléchargement pour habiller les sites GuppY. Elles sont toutes compatibles "Config Look" et adaptées à la dernière version (GuppY 5.01.07 et +). Elles peuvent être testées sur Démo-skins.

    Démo-skins

    Zone de téléchargement

    FAQ (voir pour les skins version 5.02.00)

 
Vous êtes ici :   Accueil » Forum » En vrac ! » Audio sur un site
 
Prévisualiser...  Imprimer...  Imprimer la page...
Prévisualiser...  Imprimer...  Imprimer la section...
Forum - En vrac ! - Audio sur un site

Nombre de membres 35 membres
Connectés : ( personne )
Snif !!!
 

clos par JeanDenis le 07/07/2017 @ 06:50  Sujet n° 41

le 23/05/2017 @ 16:57
par Alankozh

Alankozh

5 messages

Bonjour,

J'ai vu qu'un correctif  pour la version 5.02.00-1 était sorti. Je ne l'ai pas encore mis sur mon site.

Je viens vers ta pour mettre une petite bande son sur le site. Quelle est ta méthode la plus simple; je ne cherche pas la HIFI.

Merci de ton aide.wink

Alankozh

Site web Alankozh
sujet clos Haut  

Réponse n° 1
--------
le 24/05/2017 @ 08:12
par JeanDenis

JeanDenis

Administrateur
84 messages

Bonjour,


Je ne saisis pas totalement ton souhait.


Si tu souhaites intégrer un fichier son dans un article, une boite libre... le plus simple est de mettre dans le code source quelque chose comme cela :
 

<div align="center">
    <audio controls="controls" id="player" preload="none">
        <source src="file/ma_musique.mp3" type="audio/mp3" />
    </audio>
</div>

tu peux mettre plusieurs sources ainsi, plus de chance d'être lu :

<div align="center">
    <audio controls="controls" id="player" preload="none">
        <source src="file/ma_musique.mp3" type="audio/mp3" />
        <source src="file/ma_musique.aac" type="audio/aac" />
        <source src="file/ma_musique.ogg" type="audio/ogg" />
        Votre navigateur n'est pas compatible
    </audio>
</div>

Si tu veux que le fichier son se lance au chargement de la page ajoute ceci dans l'ouverture :

<audio autoplay="autoplay" controls="controls" id="player" preload="auto">

Maintenant, si tu veux insérer un lecteur avec playlist, j'en ai mis deux et à mon avis l'audio-player simple intégré est le plus facile à mettre en place :

http://www.71site.fr/articles.php?lng=fr&pg=243&mnuid=19&tconfig=0

Mais si tu veux mettre en place un fond sonore sur le site (ce que je te déconseille... rien n'est plus désagréable que de se voir imposer une musique sur un site...) il y aurait des solutions bien sûr, mais est-ce bien raisonnable ?

Cordialement,

Site web JeanDenis
clos par JeanDenis le 07/07/2017 @ 06:50 Haut  
Réponse n° 2
--------
le 28/05/2017 @ 19:55
par Alankozh

Alankozh

6 messages

Bonsoir,

Merci pour tes précieuses remarques..En ce moment c'est la CATA. J'avais réussi à mettre 2 vidéos et j'avais fait des essais et cela fonctionnait même sur le MAC et d'autres PC.

Ce soir fini plus rien ne fonctionne. et je n'ai touché à rien ?????

Message donné:

Aucune video dont le format ou le type MIME est géré n'a été trouvé

Pas de chance

Si tu as une idée, je suis preneur. Merci d'avancesmile

Bonne fin de soirée

Alankozh

Site web Alankozh
clos par JeanDenis le 07/07/2017 @ 06:50 Haut  
Réponse n° 3
--------
le 29/05/2017 @ 07:17
par JeanDenis

JeanDenis

Administrateur
88 messages

Bonjour,

Ce dernier post n'a pas grand chose à voir avec le sujet du fil... mais bon...

Si il s'agit des deux vidéos de cet article
http://krommlech.bzh/articles.php?lng=fr&pg=165

Sur un PC avec Firefox, Chrome, Maxthon, Opera, elles se lisent tout à fait bien...

Le fichier de la seconde est krommlade2016b.mp4.m4v

est-ce volontaire ?

Cordialement,

Site web JeanDenis
clos par JeanDenis le 07/07/2017 @ 06:50 Haut  
Réponse n° 4
--------
le 30/05/2017 @ 00:08
par Alankozh

Alankozh

7 messages

Bonsoir,

Merci pour tout. La vidéo en m4v n'est pas utile je epnse.

Je vais clore le post

Cordialement

Alankozhsmile

Site web Alankozh
clos par JeanDenis le 07/07/2017 @ 06:50 Haut  
Réponse n° 5
--------
le 05/06/2017 @ 17:55
par Alankozh

Alankozh

8 messages

Bonjour,

Il pleut toujours!

J'ai récupéré le fichier mp3 son que je veux mettre très simplement dans un article.

Concrètement je ne saisi pas bien la marche à suivre.

  1. Où dois installer ces lignes de code
  2. j'ai bien ouvert le code source
  3. où dois je mettre ces quelques lignes dans l'article
  4. je pense qu'il faut charger le mp3 dans fichiers?

Je commence à me familiariser avec certaines choses de Guppy mais malheureusement j'ai un petit blocage....

Un petit coup de main ?

Merci d'avance

Alankozhcoolcool

Site web Alankozh
clos par JeanDenis le 07/07/2017 @ 06:50 Haut  
Réponse n° 6
--------
le 05/06/2017 @ 19:03
par JeanDenis

JeanDenis

Administrateur
89 messages

Bonjour Alain,

Imaginons que ton fichier mp3 se nomme ma_musique.mp3 et que tu l'aies rangé dans le dossier file de GuppY (transfère par FTP, tu seras moins limité par la taille des fichiers qui peuvent être lourds)

Dans un article, une boite libre... tu insères ces lignes de code où tu souhaites mettre le lecteur

<div align="center">
    <audio controls="controls" id="player" preload="none">
        <source src="file/ma_musique.mp3" type="audio/mp3" />
    </audio>
</div>


avec éventuellement le lancement automatique, tel que je te l'ai indiqué plus haut sur ce fil.


Si tu as du mal à savoir le placer, une petite astuce :
en mode édition, tu écris un mot où tu veux placer le lecteur, et tu te mets ensuite en mode source, tu cherches ce mot. Cela par exemple :
 

<p style="text-align: center;">je veux mon lecteur ici</p>

et tu remplaces complètement par le code cité plus haut.
et tu enregistres évidemment...

Mettre un morceau à l'accueil en automatique est possible,(quoique pénible à mon goût...) dans une boite libre par exemple.
Mais sache que GuppY recharge sa page complètement lors d'un clic sur un menu, sur un lien... et donc le morceau va redémarrer à zéro à chaque fois...

Il est possible de contourner ce problème mais c'est complexe (il faudrait que GuppY s'exécute dans un cadre indépendant) et franchement, cela ne me parait pas souhaitable.


Personnellement, sur un site qui me lance son fond sonore sans que je ne l'ai demandé confused... je lui coupe le son tout de suite... -petite icône sur l'onglet du navigateur-...

Voilà voilà...
Cordialement,

Site web JeanDenis
clos par JeanDenis le 07/07/2017 @ 06:50 Haut  
Réponse n° 7
--------
le 07/06/2017 @ 11:32
par Alankozh

Alankozh

9 messages

Bonjour,

J'ai suivi tes recommandations, mais j'obtiens bien le lecteur mais tout est décalé à droite quand on ouvre l'article . Par contre à l'ouverture de l'article tout est en place. Je te mets les copies d'écran de ce que j'obtiens en te remerciant à l'avance de me dire où les bêtises se situent!!mad

Ce n'est pas d'une urgence capitale.J'ai d'ailleurs remis le site en place, car cela faisait vraiment désordre.

Bonne journée

Alankozh

Site web Alankozh
clos par JeanDenis le 07/07/2017 @ 06:50 Haut  
Réponse n° 8
--------
le 07/06/2017 @ 12:12
par JeanDenis

JeanDenis

Administrateur
90 messages

Bonjour Alain,

J'ignore comment tu fais tes copies... mais voilà ce qu'on lit sur ta saisie !

saisieAlankozh.jpg

Improbable... Non ?

Copie-Colle le code ci-dessous à la place... cela devrait aller mieux...

<div align="center">
    <audio controls="controls" id="player" preload="none">
        <source src="file/musique/argalv.mp3" type="audio/mp3" />
    </audio>
</div>

Cordialement,

Site web JeanDenis
clos par JeanDenis le 07/07/2017 @ 06:50 Haut  
Réponse n° 9
--------
le 07/06/2017 @ 15:56
par Alankozh

Alankozh

10 messages

Un grand merci. Ca fonctionne très bien!

Encore une chose que j'ai appris.coolwink

Bonne journée

Alankozh

Site web Alankozh
clos par JeanDenis le 07/07/2017 @ 06:50 Haut  
actif sujet actif   clos sujet clos   Important! Important!   Nouveau Nouveau message
Rectifier Rectifier message   Clôturer Clôturer sujet   Remonter Remonter  
Catégories de discussion  Forum  



Vous êtes ici :   Accueil » Forum » En vrac ! » Audio sur un site
Préférences

Se reconnecter :
Votre nom (ou pseudo) :
Votre mot de passe


  Nombre de membres 35 membres
Connectés :
( personne )
Snif !!!
Lettre d'information
Pour avoir des nouvelles de ce site, inscrivez-vous à notre Newsletter.
wYKNpa
Recopier le code :
11 Abonnés