*

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

おすすめトピックス

関連記事

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

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

イメージマップ
mapのareaリンクにロールオーバーを実現する簡単な代替策

一つの画像内に複数のリンクを貼る事ができる html の map タグと area タグがあります。これをイメージマップと言います。このイメージマップを使ってとあるコンテンツを作っていたのですが、画像内のリンク領域にマウ […]

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

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

スマホサイト
プラグイン無しで簡単に実現するスマホサイトの上からドロワーメニューの作り方【jQuery】

近年どこでもスマートフォン向けサイトが用意されているのが当たり前です。スマートフォンを使っていればいつも何気なしにスマートフォンサイトを見ていると思います。 そのスマートフォンサイトをちょっと思い出してみてください。 こ […]

縦の三点リーダー
縦の三点リーダーをウェブサイト上で表示する方法

三点リーダーという言葉をご存知でしょうか。日本語の世界では度々登場するもので、小説、雑誌、文書など様々な場面に登場するものです。三点リーダーとはすなわち「…」、点が3つ並んだものです。普段のメールなどの会話でも言葉を省略 […]

オフィス画像モニタ
CSSのみでhtmlタグの中に文章を挿入する方法があります

ウェブサイトの中で html の編集が出来ない場所に文章を書くなど編集する事は出来ません。一見当たり前の事を言っているだけです。しかし、CSS なら出来てしまうかもしれません。 目次1 htmlの編集が出来ない場所とは2 […]

著者について

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

フォローはこちら

       

       
Gmailのエラー「Gmail requires one or more Google Play services that are not currently avaiable.」で開けない

あるいつもどおりの朝、スマートフォンで Gmail を開こうと

Amazonで自分の書いたレビューを一覧で確認する方法

世界的に最大級の通販サイト Amazon。私もよく使います。利

大垣カフェ「カフェ飯屋ピーナッツ」暖かく自然派なお食事が美味しいアットホームな場所でした

岐阜県大垣市の市民病院近くにオープンした「カフェ飯屋ピーナッツ

Illustratorで矢印に綺麗に境界線を付ける方法

Photoshop では矢印でも文字でも綺麗に境界線をつけるレ

迫力のロングチャーシューラーメン!一宮市の「麺日和千秋店」

愛知県一宮市にあるラーメン店「麺日和 千秋店」は他店とは一線を

→もっと見る