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

  • 10,429 views
Uploaded on

 

More in: Education
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
10,429
On Slideshare
0
From Embeds
0
Number of Embeds
1

Actions

Shares
Downloads
0
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Intégrer un lecteur soundcloud
  • 2. Première étape : créez un compte sur soundcloud.com
  • 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. Choisissez un pseudo. Il n’est pas nécessaire de fournir le reste des informations demandées
  • 5. Cliquez sur le lien qui apparaît dans un message qui vous a été adressé à l’adresse indiquée
  • 6. Votre compte est désormais activé
  • 7. Pour commencer, nous allons chercher un morceau présent sur soundcloud pour l’importer sur notre site/blog Wordpress
  • 8. Choisissons par exemple ce premier morceau : « Freddy Todd – Space 5 penthouse »
  • 9. Cliquez sur share pour obtenir le code puis choisissez « Wordpress »
  • 10. Copiez le code
  • 11. Collez-le sur une page ou dans un article directement en mode visuel : cela fonctionne
  • 12. Votre lecteur soundcloud est opérationnel : vous pouvez écouter le titre sélectionné
  • 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. Au lieu de cliquer sur « Wordpress », sélectionnez « Customize player »
  • 15. Plusieurs modifications sont possibles, à commencer par la couleur
  • 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. 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. 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. Il ne vous reste plus qu’à copier le code
  • 20. Et à le coller sur votre site/blog Wordpress
  • 21. Les modifications ont bien été enregistrées : couleur rose, plus de commentaires et le lecteur démarre automatiquement
  • 22.
    • Il est possible de personnaliser le lecteur en agissant directement sur le code :
    • « show_comments » : laissez « false » (= « non ») pour désactiver les commentaires, indiquez « true » (= « oui ») pour les activer ;
    • « auto_play » : « false » pour désactiver la lecture automatique, « true » pour l’activer ;
    • - « 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 »
  • 23.
    • Dans le code ci-dessous, nous avons introduit les modifications suivantes :
    • Affichage des commentaires (show_comments=true) ;
    • Lecteur en lecture non automatique (auto_play=false) ;
    • Largeur du lecteur diminuée de moitié (width=50%).
  • 24. Le résultat est le suivant
  • 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
  • 28. Patientez pendant le chargement
  • 29. Lorsque c’est fini, descendez en bas de la page
  • 30. Sauvegardez
  • 31. Le lecteur apparaît : il faut attendre un peu avant qu’il soit opérationnel
  • 32. Après quelques minutes, il est prêt à fonctionner
  • 33. Il ne vous reste plus qu’à aller chercher le code
  • 34. Copiez
  • 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
  • 36. Le résultat :
  • 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 »
  • 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
  • 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
  • 40. Lorsque c’est fini, descendez en bas de la page
  • 41. Sauvegardez
  • 42. Le lecteur apparaît : il faut attendre un peu avant qu’il soit opérationnel
  • 43. Après quelques minutes, il est prêt à fonctionner
  • 44. Il ne vous reste plus qu’à aller chercher le code
  • 45. Copiez
  • 46. Puis collez sur votre site/blog
  • 47. Pour une personnalisation du lecteur, il aurait fallu sélectionnez « customize player » lors de l’étape antérieure
  • 48. Nous n’interviendrons ici que sur la couleur (choix du rose fushia)
  • 49. Après avoir copié le nouveau code, on le colle sur le site/blog
  • 50. Voici à quoi ressemble la playlist intégrée sur notre page de Wordpress
  • 51. Ce diaporama vous a été proposé par : Laurent Puren Université de la Réunion Pour me joindre : laurent.puren@gmail.com