Intégrer un lecteur soundcloud
Première étape : créez un compte sur soundcloud.com
Indiquez votre mèl et votre mot de passe, décochez la première case, cochez la seconde puis cliquez sur « sign up »
Choisissez un pseudo. Il n’est pas nécessaire de fournir le reste des informations demandées
Cliquez sur le lien qui apparaît dans un message qui vous a été adressé à l’adresse indiquée
Votre compte est désormais activé
Pour commencer, nous allons chercher un morceau présent sur soundcloud pour l’importer sur notre site/blog Wordpress
Choisissons par exemple ce premier morceau : « Freddy Todd – Space 5 penthouse »
Cliquez sur share pour obtenir le code puis choisissez « Wordpress »
Copiez le code
Collez-le sur une page ou dans un article directement en mode visuel  : cela fonctionne
Votre lecteur soundcloud est opérationnel : vous pouvez écouter le titre sélectionné
L’un des intérêts de soundcloud est la possibilité que vous avez de personnaliser le lecteur. Voyons comment procéder à pa...
Au lieu de cliquer sur « Wordpress », sélectionnez « Customize player »
Plusieurs modifications sont possibles, à commencer par la couleur
Passons du jaune au violet par exemple, en cliquant sur le cercle coloré et, éventuellement, à l’intérieur du carré (pour ...
Deuxième modification possible : enlever les commentaires des internautes postés sur ce morceau, commentaires qui apparais...
Troisième modification possible : activer le mode autoplay pour que le morceau démarre automatiquement à l’ouverture de vo...
Il ne vous reste plus qu’à copier le code
Et à le coller sur votre site/blog Wordpress
Les modifications ont bien été enregistrées : couleur rose, plus de commentaires et le lecteur démarre automatiquement
<ul><li>Il est possible de personnaliser le lecteur en agissant directement sur le code : </li></ul><ul><li>« show_comment...
<ul><li>Dans le code ci-dessous, nous avons introduit les modifications suivantes :  </li></ul><ul><li>Affichage des comme...
Le résultat est le suivant
L’intérêt de soundcloud est de télécharger ses propres morceaux. Vous avez jusqu’à 2 heures de téléchargement possible dan...
 
Sélectionnez un fichier mp3 présent sur votre ordinateur
Patientez pendant le chargement
Lorsque c’est fini, descendez en bas de la page
Sauvegardez
Le lecteur apparaît : il faut attendre un peu avant qu’il soit opérationnel
Après quelques minutes, il est prêt à fonctionner
Il ne vous reste plus qu’à aller chercher le code
Copiez
Puis collez sur votre site/blog Remarque : le code ainsi obtenu ne vous permet pas de personnaliser votre lecteur. Seule u...
Le résultat :
L’un des autres intérêts majeurs de soundcloud est de télécharger une playlist à partir de ses propres morceaux. Cliquez s...
Choisissez plusieurs morceaux d’un même album (cliquez sur les morceaux en maintenant la touche CTRL enfoncée). Pour des m...
Patientez pendant le chargement. Pendant ce temps, vérifiez que vous avez indiqué un titre (ce n’est pas le cas ici) : c’e...
Lorsque c’est fini, descendez en bas de la page
Sauvegardez
Le lecteur apparaît : il faut attendre un peu avant qu’il soit opérationnel
Après quelques minutes, il est prêt à fonctionner
Il ne vous reste plus qu’à aller chercher le code
Copiez
Puis collez sur votre site/blog
Pour une personnalisation du lecteur, il aurait fallu sélectionnez « customize player » lors de l’étape antérieure
Nous n’interviendrons ici que sur la couleur (choix du rose fushia)
Après avoir copié le nouveau code, on le colle sur le site/blog
Voici à quoi ressemble la playlist intégrée sur notre page de Wordpress
Ce diaporama vous a été proposé par : Laurent Puren Université de la Réunion Pour me joindre : laurent.puren@gmail.com
Prochain SlideShare
Chargement dans…5
×

CréAtion Blog SéAnce 7 IntéGrer Lecteur Soundcloud

11 264 vues

Publié le

Publié dans : Formation
0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
11 264
Sur SlideShare
0
Issues des intégrations
0
Intégrations
107
Actions
Partages
0
Téléchargements
0
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

CréAtion Blog SéAnce 7 IntéGrer Lecteur Soundcloud

  1. 1. Intégrer un lecteur soundcloud
  2. 2. Première étape : créez un compte sur soundcloud.com
  3. 3. Indiquez votre mèl et votre mot de passe, décochez la première case, cochez la seconde puis cliquez sur « sign up »
  4. 4. Choisissez un pseudo. Il n’est pas nécessaire de fournir le reste des informations demandées
  5. 5. Cliquez sur le lien qui apparaît dans un message qui vous a été adressé à l’adresse indiquée
  6. 6. Votre compte est désormais activé
  7. 7. Pour commencer, nous allons chercher un morceau présent sur soundcloud pour l’importer sur notre site/blog Wordpress
  8. 8. Choisissons par exemple ce premier morceau : « Freddy Todd – Space 5 penthouse »
  9. 9. Cliquez sur share pour obtenir le code puis choisissez « Wordpress »
  10. 10. Copiez le code
  11. 11. Collez-le sur une page ou dans un article directement en mode visuel : cela fonctionne
  12. 12. Votre lecteur soundcloud est opérationnel : vous pouvez écouter le titre sélectionné
  13. 13. L’un des intérêts de soundcloud est la possibilité que vous avez de personnaliser le lecteur. Voyons comment procéder à partir du même morceau
  14. 14. Au lieu de cliquer sur « Wordpress », sélectionnez « Customize player »
  15. 15. Plusieurs modifications sont possibles, à commencer par la couleur
  16. 16. Passons du jaune au violet par exemple, en cliquant sur le cercle coloré et, éventuellement, à l’intérieur du carré (pour les nuances)
  17. 17. Deuxième modification possible : enlever les commentaires des internautes postés sur ce morceau, commentaires qui apparaissent par défaut au niveau du lecteur. Pour cela, décochez cette case
  18. 18. Troisième modification possible : activer le mode autoplay pour que le morceau démarre automatiquement à l’ouverture de votre page. Pour cela, cochez cette case
  19. 19. Il ne vous reste plus qu’à copier le code
  20. 20. Et à le coller sur votre site/blog Wordpress
  21. 21. Les modifications ont bien été enregistrées : couleur rose, plus de commentaires et le lecteur démarre automatiquement
  22. 22. <ul><li>Il est possible de personnaliser le lecteur en agissant directement sur le code : </li></ul><ul><li>« show_comments » : laissez « false » (= « non ») pour désactiver les commentaires, indiquez « true » (= « oui ») pour les activer ; </li></ul><ul><li>« auto_play » : « false » pour désactiver la lecture automatique, « true » pour l’activer ; </li></ul><ul><li>- « Width » : passez de 100 % à, par exemple, 50 % pour diminuer la largeur du lecteur de moitié ; pour la hauteur, vous devez modifier le chiffre apparaissant après « height » </li></ul>
  23. 23. <ul><li>Dans le code ci-dessous, nous avons introduit les modifications suivantes : </li></ul><ul><li>Affichage des commentaires (show_comments=true) ; </li></ul><ul><li>Lecteur en lecture non automatique (auto_play=false) ; </li></ul><ul><li>Largeur du lecteur diminuée de moitié (width=50%). </li></ul>
  24. 24. Le résultat est le suivant
  25. 25. L’intérêt de soundcloud est de télécharger ses propres morceaux. Vous avez jusqu’à 2 heures de téléchargement possible dans la version gratuite de soundcloud. Cliquez sur « upload & send »
  26. 27. Sélectionnez un fichier mp3 présent sur votre ordinateur
  27. 28. Patientez pendant le chargement
  28. 29. Lorsque c’est fini, descendez en bas de la page
  29. 30. Sauvegardez
  30. 31. Le lecteur apparaît : il faut attendre un peu avant qu’il soit opérationnel
  31. 32. Après quelques minutes, il est prêt à fonctionner
  32. 33. Il ne vous reste plus qu’à aller chercher le code
  33. 34. Copiez
  34. 35. Puis collez sur votre site/blog Remarque : le code ainsi obtenu ne vous permet pas de personnaliser votre lecteur. Seule une personnalisation antérieure (« customize player »), effectuée sur le site de soundcloud vous fournira un code que vous pourrez par la suite modifier à votre guise
  35. 36. Le résultat :
  36. 37. L’un des autres intérêts majeurs de soundcloud est de télécharger une playlist à partir de ses propres morceaux. Cliquez sur « upload & send »
  37. 38. Choisissez plusieurs morceaux d’un même album (cliquez sur les morceaux en maintenant la touche CTRL enfoncée). Pour des morceaux relevant de plusieurs albums, les copier préalablement dans un même dossier avant de créer votre liste
  38. 39. Patientez pendant le chargement. Pendant ce temps, vérifiez que vous avez indiqué un titre (ce n’est pas le cas ici) : c’est une information obligatoire
  39. 40. Lorsque c’est fini, descendez en bas de la page
  40. 41. Sauvegardez
  41. 42. Le lecteur apparaît : il faut attendre un peu avant qu’il soit opérationnel
  42. 43. Après quelques minutes, il est prêt à fonctionner
  43. 44. Il ne vous reste plus qu’à aller chercher le code
  44. 45. Copiez
  45. 46. Puis collez sur votre site/blog
  46. 47. Pour une personnalisation du lecteur, il aurait fallu sélectionnez « customize player » lors de l’étape antérieure
  47. 48. Nous n’interviendrons ici que sur la couleur (choix du rose fushia)
  48. 49. Après avoir copié le nouveau code, on le colle sur le site/blog
  49. 50. Voici à quoi ressemble la playlist intégrée sur notre page de Wordpress
  50. 51. Ce diaporama vous a été proposé par : Laurent Puren Université de la Réunion Pour me joindre : laurent.puren@gmail.com

×