*

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

おすすめトピックス

関連記事

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

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

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

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

CSSの擬似クラスnth-childは3の倍数以外というような否定条件も可能

CSS において偶数の要素だけ、奇数の要素だけ、何番目の要素だけというような細かな指定ができる擬似クラスがあります。 例えばリストの3番目の要素なら次のように指定します。 偶数番目の要素だけ指定したいなら… 奇数番目の要 […]

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

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

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

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

スマホを操作する手
スマホでWeb閲覧時代にスマホサイトでNGだと思う事3つ

ちょっと前まではインターネットを見るなら、通販するならパソコン!という時代でしたが、既にこれは終わった時代です。ここ2,3年は、インターネットを閲覧、通販においてもスマートフォン率がだんだん上昇しています。これは当サイト […]

著者について

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

フォローはこちら

       

       
エックスサーバーでメールが送れない「Client host rejected:Access denied」

エックスサーバーで作成したメールアカウントでメールを送信しよう

札幌駅パセオ地下1階のパスタとパフェが美味しい「プロヴァンス」でランチ

札幌駅のパセオ地下1階にあるプロヴァンスは南フランスとイタリア

千歳市の和食処「ほうりん」の安い充実の寿司ランチ

千歳市にある和食処ほうりんは千歳駅の南西にある居酒屋が立ち並ぶ

スパホテルソーレ
札幌のカプセルホテル「スパホテルソーレすすきの」に泊まった感想

札幌の地下鉄すすきの駅の近くにあるカプセルホテル「スパホテルソ

札幌駅近くのモダン和食レストラン「えりも亭」で珍しい縮れ蕎麦ランチ

札幌駅の北口から徒歩2分程度の所に和風なモダンレストラン「えり

→もっと見る