Forcer le téléchargement des fichiers mp3

[Inky]

Bonjour à tous,

Télécharger un fichier mp3 sans obliger vos visiteurs à désactiver le plugin QuickTime sur leur navigateur, c'est possible.
Je vous propose une solution qui ne vous oblige pas cette manipulation, ou d'utiliser un script en PHP qui force le téléchargement.

Voici les instructions :

1. Ouvrez votre bloc-note.
2. Copiez le code suivant :

   Code : Tout sélectionner

   <Files ~ "\.(mp3)$>
      ForceType application/octet-stream
   </Files>

3. Enregistrez le document sous le nom ".htaccess"
4. Vérifiez que le fichier est bien enregistré sous son extension ".htaccess" et non ".htaccess.txt".
5. Placez le fichier à la racine du répertoire où se situent vos mp3.
6. Pour disposer le fichier mp3 sur votre site, rien ne change, un lien direct suffit :

   Code : Tout sélectionner

   <a href="http://votresite.com/mp3/mon_episode_de_dingue.mp3">Kiponie Stories - Saison 1 - Épisode 4 : Mais où est-il passé ?</a>

7. Cela ne gène absolument pas le fonctionnement du streaming sur le mp3.

Voilà !

Autre commande compatible avec tous les navigateurs sauf IE8 (et versions antérieures) :

Code : Tout sélectionner

AddType application/random-fake-type .mp3

Mais je ne l'aime pas trop celle-là.

Il se peut que cette manipulation ne fonctionne pas chez votre hébergeur. Si c'est le cas, je vous propose d'utiliser un script PHP qui force le téléchargement. Mais souvent avec cette manipulation, le fichier est copié dans le cache du serveur avant d'être envoyé au navigateur. Ce qui prend deux fois plus de temps que la solution détaillée ici.

[Xzimnut]

Au temps lointain où mon site web existait encore, j'avais tenté d'opter pour cette technique, mais pour des raisons inexplicables, cela ne fonctionnait pas sous Chrome. Tu as testé sous tout les navigateurs ? (après, il y a peut-être une micro-différence avec mon code que je n'aurais pas remarqué)

[Anthaus]

Au temps lointain où mon site web existait encore, j'avais tenté d'opter pour cette technique, mais pour des raisons inexplicables, cela ne fonctionnait pas sous Chrome.

J'imagine que c'est pour des raisons de sécurité. "Forcer" le téléchargement d'un fichier n'est pas très sain en soi, et peut être utiliser à des fins malveillantes.

[Xzimnut]

J'imagine que c'est pour des raisons de sécurité. "Forcer" le téléchargement d'un fichier n'est pas très sain en soi, et peut être utiliser à des fins malveillantes.

Ce que je veux dire, c'est qu'à l'inverse, ça fonctionnait très bien sous Firefox et, plus étonnant, sous IE. Je n'ai donc pas compris pourquoi seul Chrome s'obstinait à renvoyer vers le lecteur.

[Inky]

Malheureusement, certains navigateurs ne veulent rien entendre comme Safari qui veut absolument utiliser son plugin QuickTime. Il y a aussi IE<=8, qui appelle Lecteur Windows Media. Aucune solution n'a été trouvée pour ceux-là, mise à part d'utiliser un script php.

J'imagine que c'est pour des raisons de sécurité. "Forcer" le téléchargement d'un fichier n'est pas très sain en soi, et peut être utiliser à des fins malveillantes.

Non, car tout navigateur qui se respecte ouvre obligatoirement une fenêtre de confirmation.

Édit : Il y a bien cette commande qui fonctionne avec Safari/Chrome.

Code : Tout sélectionner

AddType application/random-fake-type .mp3

Mais je ne l'aime pas trop.

[Yohan]

Il y a aussi DownloadHelper. C'est un plugin de Firefox qui permet les fichiers vidéo et audio quand ils sont détectés. C'est presque toujours le cas sinon lancez la lecture du fichier puis coupez-la. C'est pratique pour récupérer un fichier audio à partir d'un lecteur.

[SilverSon]

Sous firefox existe également le Plugin DownThemAll très pratique. On peut notamment sélectionner toute la page et faire Ctl droit > enregistrer et on sélectionne les fichiers dont on veut (les mp3 ou les Zpi et Rar).
Ce n'est pas exactement le sujet mais il est intéressant de le mentionner

[Kak Miortvi Pengvin]

L'idée de départ est quand même de faire l'opération côté site plutôt que côté internaute. Son site, on le contrôle contrairement aux extensions des navigateurs de ses visiteurs...

[Aquatikelfik]

Yohan, SilverSon > Vous êtes bien hors-sujet là, Inky ne parle pas de télécharger, mais de faire télécharger, c'est bien différent. Si les gens ne désactivent pas leur plugin Quicktime, pensez-bien que leur faire télécharger autre chose, même si c'est pour les aider, est utopique.

Je ne connaissait cependant pas cette technique de ForceType, c'est plutôt sympa pour ceux qui ne veulent ou peuvent pas faire subir de streaming à leur serveur. Merci pour l'astuce.

[NetoBot]

Concernant la méthode via .htaccess, elle ne fonctionne pas forcément. Elle demande à ce qu'un module d'appache soit activé (mod_headers) ce qui n'est pas le cas de bon nombre de serveurs web. La meilleure des solutions reste une méthode via PHP (je ferais un papier là-dessus prochainement). Elle reste très performante et permet bon nombre de choses supplémentaire (comptage des téléchargements etc.).

Une autre méthode encore plus simple existe et fonctionnera sur tous les navigateurs depuis IE 9 (je n'ai jamais pu la tester sur de plus vieilles versions, si une bonne âme pouvait s'en charger...). D'après caniuse.com, cette méthode ne fonctionne pas sous Safari, mais bon, par défaut, il ouvre tous les fichiers dans Itunes, donc cela ne devrait poser aucun souci. Cette méthode utilise HTML5 et un attribut « download ».

Code : Tout sélectionner

 <!-- lien vers un fichier -->
 <a href="lien_du_fichier.mp3" download="un_nom_au_hasard">Télécharger le fichier</a>. 

Cela forcera le navigateur à télécharger le fichier plutôt qu'à le lire (et pas besoin de se préoccuper de Quick Time ou autre). Ce que vous mettrez dans « download » n'aura pour seule utilité que de pouvoir afficher un nom de fichier dans la fenêtre de téléchargement. Mettez-y donc ce que bon vous semble.

A voir si ça peut intéresser certaines personnes... .

Sinon, pour revenir à la question de base, non. Les zip ne sont pas forcément utiles... ils peuvent l'être si tu veux rajouter des fichiers textes ou images par exemple comme certains le font. Mais aller t'encombrer avec ça n'a à mon sens aucun intérêt.

@Bardyl : Petit code très utile que je me suis empressée d'utiliser et de tester. Nickel pour firefox et chrome, en effet, mais est-ce normal qu'Internet Explorer lance carrément le player windows sans rien me demander ? A moins que ça ne soit sa façon de "télécharger" (Ça ne m'étonnerait pas, en réalité, je hais tellement ce navigateur à cause de ces surprises )

Il fonctionne de la même manière que Safari de ce coté là. Pour lui les types de fichier sont directement associés à une application. Je ne sais pas comment modifier cela dans Internet Explorer, en revanche, je sais que ce sont des paramètres que tu peux changer sous firefox dans Préférences » Applications . De là, si tu le souhaites, tu peux associer le format .mp3 à Itunes ou n'importe quel lecteur audio. M'est avis que la même chose doit obligatoirement exister sous IE (à vérifier donc).

Merci Bardyl, je ne connaissais pas ce code très pratique, le "nom donné au hasard" donne aussi le nom du fichier téléchargé (chez moi en tout cas) ce qui permet de faire quelque chose de bien propre !

Après un test, hokardjo m'a montré qu'il fallait faire attention à ce qui est écrit dans download="Nom du fichier". Il faut écrire le nom du fichier et aussi son extension pour que cela fonctionne partout (cela posait un problème dans firefox car les fichiers n'avaient pas d'extension).

Donc il faut écrire

Code : Tout sélectionner

<!-- lien vers un fichier -->
 <a href="lien_du_fichier.mp3" download="Nom du fichier.extension">Télécharger le fichier</a>. 

Voilà ^^