{"id":1210,"date":"2012-11-27T09:20:12","date_gmt":"2012-11-27T09:20:12","guid":{"rendered":"https:\/\/www.cmonsite.fr\/site\/aide\/?page_id=1210"},"modified":"2024-01-03T17:19:32","modified_gmt":"2024-01-03T16:19:32","slug":"musique","status":"publish","type":"page","link":"https:\/\/www.cmonsite.fr\/site\/aide\/design\/musique","title":{"rendered":"Int\u00e9grer de la musique mp3 sur son site"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1210\" class=\"elementor elementor-1210\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7bb74909 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7bb74909\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4ef0ad0\" data-id=\"4ef0ad0\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5019cbb7 elementor-widget elementor-widget-text-editor\" data-id=\"5019cbb7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>\u00c0 partir de la Formule Perso, vous pouvez mettre de la musique via un Player MP3 qui appara\u00eetra en bas de page.<\/p><p>Ce dernier tourne en continu et se r\u00e9initialise \u00e0 chaque changement de page.<br \/><em>Vous avez la possibilit\u00e9 d\u2019activer la lecture automatique de la musique sur votre site internet.<br \/><\/em><\/p><p><em>\u00a0<\/em><\/p><p><em>\u00a0<\/em><\/p><p><em>\u00a0<\/em><\/p><h2>Uploadez votre fichier mp3 sur une plateforme\u00a0:<\/h2><p>Tout d\u2019abord, il vous suffit d\u2019h\u00e9berger vos musiques sur la plateforme Dropbox :<br \/>&#8211; <a href=\"https:\/\/www.dropbox.com\/fr\/\">https:\/\/www.dropbox.com\/fr\/<\/a> qui propose une grande capacit\u00e9 de stockage<\/p><p><strong><span style=\"color: #668019;\">\u00a0<\/span><\/strong><\/p><p><strong><span style=\"color: #668019;\">\u00a0<\/span><\/strong><\/p><p><strong>1. Importer ses fichiers dans Dropbox<\/strong><\/p><ul><li>Cr\u00e9ez votre compte sur Dropbox\u00a0: <a href=\"https:\/\/www.dropbox.com\/fr\/\">https:\/\/www.dropbox.com\/fr\/<\/a><\/li><li>Importez vos fichiers en cliquant sur \u00ab <strong>Transf\u00e9rer\u00a0<\/strong>\u00bb<\/li><\/ul><p><a href=\"https:\/\/www.cmonsite.fr\/creer-un-site\/wp-content\/uploads\/2019\/02\/bouton-transferer.jpg\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-11887\" src=\"https:\/\/www.cmonsite.fr\/creer-un-site\/wp-content\/uploads\/2019\/02\/bouton-transferer.jpg\" alt=\"\" width=\"230\" height=\"54\" \/><\/a><\/p><ul><li>En face de votre fichier, cliquez sur le bouton \u00ab\u00a0<strong>Partager\u00a0<\/strong>\u00bb<\/li><\/ul><p><a href=\"https:\/\/www.cmonsite.fr\/creer-un-site\/wp-content\/uploads\/2019\/02\/musique-mp3.jpg\"><img decoding=\"async\" class=\"aligncenter wp-image-11891\" src=\"https:\/\/www.cmonsite.fr\/creer-un-site\/wp-content\/uploads\/2019\/02\/musique-mp3-1024x45.jpg\" alt=\"\" width=\"800\" height=\"35\" srcset=\"https:\/\/www.cmonsite.fr\/site\/webup\/2019\/02\/musique-mp3-1024x45.jpg 1024w, https:\/\/www.cmonsite.fr\/site\/webup\/2019\/02\/musique-mp3-300x13.jpg 300w, https:\/\/www.cmonsite.fr\/site\/webup\/2019\/02\/musique-mp3-768x33.jpg 768w, https:\/\/www.cmonsite.fr\/site\/webup\/2019\/02\/musique-mp3.jpg 1354w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/a><\/p><ul><li>Cr\u00e9ez le lien \u00e0 l\u2019aide du bouton en bas \u00e0 droite de la pop-up<\/li><\/ul><p><a href=\"https:\/\/www.cmonsite.fr\/creer-un-site\/wp-content\/uploads\/2019\/02\/creer-lien-dropbox.jpg\"><img fetchpriority=\"high\" decoding=\"async\" class=\"aligncenter size-full wp-image-11889\" src=\"https:\/\/www.cmonsite.fr\/creer-un-site\/wp-content\/uploads\/2019\/02\/creer-lien-dropbox.jpg\" alt=\"\" width=\"564\" height=\"494\" srcset=\"https:\/\/www.cmonsite.fr\/site\/webup\/2019\/02\/creer-lien-dropbox.jpg 564w, https:\/\/www.cmonsite.fr\/site\/webup\/2019\/02\/creer-lien-dropbox-300x263.jpg 300w\" sizes=\"(max-width: 564px) 100vw, 564px\" \/><\/a><\/p><ul><li>Copiez le lien en cliquant sur le bouton \u00ab\u00a0<strong>Copier le lien<\/strong>\u00a0\u00bb<\/li><\/ul><p><a href=\"https:\/\/www.cmonsite.fr\/creer-un-site\/wp-content\/uploads\/2019\/02\/copier-lien-dropbox.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-11888\" src=\"https:\/\/www.cmonsite.fr\/creer-un-site\/wp-content\/uploads\/2019\/02\/copier-lien-dropbox.jpg\" alt=\"\" width=\"567\" height=\"493\" srcset=\"https:\/\/www.cmonsite.fr\/site\/webup\/2019\/02\/copier-lien-dropbox.jpg 567w, https:\/\/www.cmonsite.fr\/site\/webup\/2019\/02\/copier-lien-dropbox-300x261.jpg 300w\" sizes=\"(max-width: 567px) 100vw, 567px\" \/><\/a><\/p><ul><li>Une fois que vous avez votre lien\u00a0Dropbox\u00a0de ce type :\u00a0<em>https:\/\/www.dropbox.com\/s\/fdsfsdfsdf\/monfichier.mp3?dl=<span style=\"color: #800080;\"><strong>0<\/strong><\/span><\/em><br \/>Il suffit de remplacer le <span style=\"color: #800080;\"><strong>0<\/strong><\/span> de la fin par un <strong><span style=\"color: #ff6600;\">1<\/span><\/strong>\u00a0soit\u00a0<em>https:\/\/www.dropbox.com\/s\/fdsfsdfsdf\/monfichier.mp3?dl=<span style=\"color: #ff6600;\"><strong>1<\/strong><\/span><\/em><\/li><\/ul><p><strong><span style=\"color: #668019;\">\u00a0<\/span><\/strong><\/p><p><strong>2. Acc\u00e9dez \u00e0 l\u2019insertion de musique<\/strong><\/p><p>Rendez-vous dans la rubrique \u00ab\u00a0<strong>Modules <\/strong>\u00bb, sous-onglet \u00ab\u00a0<strong>Musique<\/strong> \u00bb.<\/p><p><strong><span style=\"color: #668019;\">\u00a0<\/span><\/strong><\/p><p><strong><span style=\"color: #668019;\">\u00a0<\/span><\/strong><\/p><p><strong>3. Ins\u00e9rez un fichier mp3 dans votre lecteur<\/strong><\/p><p>Il vous suffit de coller l\u2019URL de votre fichier MP3 (l\u2019adresse o\u00f9 est h\u00e9berg\u00e9e votre fichier MP3)<br \/>Attention, l\u2019URL de votre MP3 doit obligatoirement commencer par <strong>https:\/\/<\/strong> et finir par <strong>.mp3<\/strong><\/p><p>L\u2019ordre de lecture de vos musiques se fait suivant la position de vos fichiers dans votre Administration.<\/p><p><a href=\"https:\/\/www.cmonsite.fr\/creer-un-site\/wp-content\/uploads\/2020\/12\/votre-lecteur-mp3.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-14125 aligncenter\" src=\"https:\/\/www.cmonsite.fr\/creer-un-site\/wp-content\/uploads\/2020\/12\/votre-lecteur-mp3.jpg\" alt=\"\" width=\"1137\" height=\"324\" srcset=\"https:\/\/www.cmonsite.fr\/site\/webup\/2020\/12\/votre-lecteur-mp3.jpg 1137w, https:\/\/www.cmonsite.fr\/site\/webup\/2020\/12\/votre-lecteur-mp3-300x85.jpg 300w, https:\/\/www.cmonsite.fr\/site\/webup\/2020\/12\/votre-lecteur-mp3-1024x292.jpg 1024w, https:\/\/www.cmonsite.fr\/site\/webup\/2020\/12\/votre-lecteur-mp3-768x219.jpg 768w\" sizes=\"(max-width: 1137px) 100vw, 1137px\" \/><\/a><\/p><p><strong>Vous avez d\u00e9j\u00e0 une playlist sur Deezer\u00a0:<\/strong><\/p><p>Rien de plus simple\u00a0!<br \/>Vous devez poss\u00e9der au pr\u00e9alable un compte Deezer.<br \/>Attention, si vous avez un compte Deezer gratuit, l\u2019\u00e9coute des musiques est limit\u00e9e \u00e0 30 secondes par titre. Avec un compte Premium, l\u2019\u00e9coute est illimit\u00e9e.<\/p><p>Cliquez sur le lien suivant pour vous rendre directement sur la page du lecteur Deezer \u00e0 ins\u00e9rer\u00a0<a href=\"http:\/\/developers.deezer.com\/musicplugins\/player\">https:\/\/developers.deezer.com\/musicplugins\/player<\/a><\/p><p><strong>1. Configurez votre lecteur mp3<\/strong><\/p><p><a href=\"https:\/\/www.cmonsite.fr\/creer-un-site\/wp-content\/uploads\/2019\/02\/deezer-player-widget.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-11893\" src=\"https:\/\/www.cmonsite.fr\/creer-un-site\/wp-content\/uploads\/2019\/02\/deezer-player-widget.jpg\" alt=\"\" width=\"498\" height=\"357\" \/><\/a><\/p><ul><li>Choisissez dans les onglets\u00a0<strong>playlist<\/strong>,\u00a0<strong>album<\/strong>,\u00a0<strong>radio<\/strong>,\u00a0<strong>charts<\/strong>, le type de musique que vous souhaitez diffuser sur votre site.<\/li><li>Dans la partie\u00a0<strong>\u00ab\u00a0Choose your options\u00a0\u00bb<\/strong>, vous pouvez choisir le format du widget (plut\u00f4t vertical, horizontal\u2026), sa taille ainsi que sa couleur. Cela vous permettra d\u2019adapter le widget \u00e0 l\u2019identit\u00e9 graphique de votre site.<\/li><li>Vous pouvez choisir \u00ab\u00a0<strong>Autoplay\u00a0\u00bb<\/strong>\u00a0pour que la musique d\u00e9marre imm\u00e9diatement \u00e0 l\u2019ouverture de votre site.<\/li><\/ul><p><span style=\"color: #800080;\"><strong>\u00a0<\/strong><\/span><\/p><p><span style=\"color: #800080;\"><strong>\u00a0<\/strong><\/span><\/p><p><strong>2.\u00a0Ins\u00e9rez le lecteur mp3 sur votre site<\/strong><\/p><p>En dessous de \u00ab\u00a0<strong>Copy and paste this code on your website\u00a0\u00bb<\/strong>\u00a0copiez l\u2018Iframe du lecteur.<br \/>Puis\u00a0:<\/p><ul><li>Retournez sur votre <strong>Administration CmonSite<\/strong><\/li><li>S\u00e9lectionnez la page o\u00f9 vous souhaitez ins\u00e9rer le lecteur<\/li><li>Cliquez sur le bouton <strong>\u00ab Editer le contenu de votre page \u00bb<\/strong><\/li><li>S\u00e9lectionnez dans la bo\u00eete \u00e0 outil \u00e0 gauche, l\u2019outil <strong><strong>\u00ab\u00a0Code source\u00a0\u00bb<\/strong><\/strong><\/li><li>Collez l\u2019Iframe<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u00c0 partir de la Formule Perso, vous pouvez mettre de la musique via un Player MP3 qui appara\u00eetra en bas de page. Ce dernier tourne en continu et se r\u00e9initialise \u00e0 chaque changement de page.Vous avez la possibilit\u00e9 d\u2019activer la lecture automatique de la musique sur votre site internet. \u00a0 \u00a0 \u00a0 Uploadez votre fichier [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":18010,"parent":262,"menu_order":28,"comment_status":"open","ping_status":"closed","template":"","meta":{"_helpful_status":1,"footnotes":""},"class_list":["post-1210","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/www.cmonsite.fr\/site\/wp-json\/wp\/v2\/pages\/1210","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.cmonsite.fr\/site\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.cmonsite.fr\/site\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.cmonsite.fr\/site\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cmonsite.fr\/site\/wp-json\/wp\/v2\/comments?post=1210"}],"version-history":[{"count":4,"href":"https:\/\/www.cmonsite.fr\/site\/wp-json\/wp\/v2\/pages\/1210\/revisions"}],"predecessor-version":[{"id":26212,"href":"https:\/\/www.cmonsite.fr\/site\/wp-json\/wp\/v2\/pages\/1210\/revisions\/26212"}],"up":[{"embeddable":true,"href":"https:\/\/www.cmonsite.fr\/site\/wp-json\/wp\/v2\/pages\/262"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.cmonsite.fr\/site\/wp-json\/wp\/v2\/media\/18010"}],"wp:attachment":[{"href":"https:\/\/www.cmonsite.fr\/site\/wp-json\/wp\/v2\/media?parent=1210"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}