*

MP3を1クリックだけでストリーミングせずにダウンロードする方法

公開日: : ノウハウ

MP3ダウンロード

私はこのサイトとは別に、効果音や BGM の素材サイトを運営しています。ふとそのサイト名で google 検索をしてみた所、驚くべき光景を目にしました。

ポケットサウンドダウンロード方法

ポケットサウンドというのがそのサイト名なのですが、Google の予測検索に「ポケットサウンド ダウンロード方法」というのが表示されています。これが意味する事、それは素材のダウンロード方法がわからない人が相当数いらっしゃるという事です。

従来のダウンロード方法

素材のダウンロード方法をページにも記載していますが、以下のように案内しています。

  1. ダウンロードボタンを右クリックする。
  2. 表示されるメニューから「対象をファイルに保存」をクリックする。

一般的な、ウェブサイトで画像をダウンロードする方法と同じです。一般的と思っているのは PC の知識を持っているからで、人によってはわからない人もいるんだなと思いました。

そういえば思い当たるフシもあります。Mac ユーザの方からダウンロード方法をお問い合わせ頂いた事もありました。Mac には右クリックがないですしね。

これは改善しなくてはいけません。

左クリックひとつでダウンロードできるようにする

一番の改善方法は、1クリックでダウンロード出来るようにする事だと思います。それも左クリックで。

通常、mp3 へのリンクをクリックするとダウンロードはされずにブラウザ内でストリーミング再生されます。ストリーミング再生されても、ブラウザのメニューに「名前を付けてページを保存」という所からダウンロード出来るのですが、これはある程度知識がないとわかりません。

具体的な方法

htaccess で実現できる事がわかりました。htaccess ファイルに以下を入力して保存します。

<Files *.mp3>
ForceType application/octet-stream
Header set Content-Disposition attachment
</Files>

保存ファイル

htaccess ファイルはファイル名は無くて拡張子の「.htaccess」だけです。しかし、Windows ではファイル名なくして保存する事はできません。

そこで、とりあえず適当に「a.htaccess」のように名前を付けて保存します。

そのファイルを FTP ソフトでアップして、FFFTP などのソフトでファイル名を消して「.htaccess」にします。

FFFTP

以上で設定は完了です。これでダウンロードボタンを押したらストリーミングされずに、ダウンロード画面が出てくるようになります。

ポケットサウンド ? フリー効果音素材・BGMダウンロード

  • Pocket

おすすめトピックス

関連記事

画像のALT属性に文字を入れる気にならないのは画面に表示されないからだと思う

画像の ALT 属性って知っていますか?ALT 属性とは画像に付加するテキスト情報で、画像について手短に説明したテキストを入力する事が望ましいです。画像が表示されない時に何の画像かわかる為の代替テキストとして、音声読み上 […]

divタグ
div要素のクラス名をnth-childの擬似クラスで何番目を指定しても効かない

CSS3 が登場して擬似クラス nth-child が使えるようになって、要素の何番目のみにスタイルを適用するような事が非常に簡単になりました。従来ではクラスなどを駆使して無理やり指定していました。これではソースも CS […]

css3
CSS3で要素の2番目以降、1番目以外にスタイルを適用する擬似クラス

スタイルシート(CSS)はウェブサイトにデザインを適用するための言語。そのスタイルシートのバージョンは今では3になっており、かなり表現力豊かで優秀になっています。 例えば ul li タグのリストの場合、従来の CSS2 […]

画像付きリスト
関連記事などに画像付きリストをCSSで簡単に作るサンプル

画像つきリストとは上図のようなイメージです。しばしばブログなどでは関連記事や人気記事の表示などに使われている事が多いですし、インターネットショッピングサイトではサイドメニューの商品カテゴリリストに採用されています。 ポイ […]

動く炭酸
飲み物の写真がリアルに動き出す!フリーソフトSizzTassの使い方

知り合いに聞いたのですが、「料理の写真からぐつぐつと煮えたぎる写真を作れるソフトがあるらしいよ。テレビでやってた。」と。最初は何だそれは?と思って意味がよく理解できませんでした。 ソフト名を聞いて調べてみたのですが、確か […]

https通信下でjavascriptが動かない場合の対処法

https 通信下で javascript が動かない!とお困りという事は、もしかしてあなたのページは特定のページだけ https 通信を行っているのではないでしょうか?例えばログインページ、決済ページのみ暗号化を行う […]

著者について

名前:Azell
作曲したり風景写真撮ったりWeb制作したりする人です。 好きな事を楽しくブログに綴れていけたらと思います。

フォローはこちら

       

       
300円カレー
カレーが300円!?長浜駅前にある激安カレー屋「SUNカリー部」えきまちテラス長浜内

滋賀県の長浜駅東口の前、一等地とも言える場所に激安なカレー屋が

divタグ
div要素のクラス名をnth-childの擬似クラスで何番目を指定しても効かない

CSS3 が登場して擬似クラス nth-child が使えるよ

PhotoshopなどAdobeソフトのシリアル番号を忘れたり紛失した場合

Photoshop など Adobe ソフトのシリアル番号はイ

メルカリのうるさすぎる不要なプッシュ通知を止める

CM でも放送されている誰でもかんたんフリマアプリとして代表的

シーリングファン
天井に取り付けられるプロペラ「シーリングファン」の意味とは?

天井が高いカフェやオフィスなどでたまに天井に取り付けられている

→もっと見る