*

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

おすすめトピックス

関連記事

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

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

プレースホルダ
検索窓に薄い文字を入れて何を入力するのか分かりやすくするプレースホルダ

ネット上で何かを検索したい時、どこを見ますか? そう、検索窓ですよね。検索窓は EC サイトやネットショップ、何かを検索する必要があるウェブサイトには大概付きものでお馴染みのものです。 たまに見るのが検索窓に薄い文字で予 […]

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

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

マウス
CSSのみでマウスのロールオーバーでopacityだと背景が濃いと白くならない対処法

画像のロールオーバーと言えば、ウェブサイトでリンクが付いた画像やバナーにマウスを乗せた時に色が変わったり何かしら変化がある処理を言います。一昔前には画像のロールオーバー一つに javascript を使って大変面倒で h […]

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

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

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

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

上部広告

著者について

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

フォローはこちら

       

上部広告

       
airport
空港の売店で見かけるTax Freeとは何か?

飛行機をよく利用する人ならご存知かと思いますが、空港の売店には

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

近年どこでもスマートフォン向けサイトが用意されているのが当たり前です。

sumaho-footer2
これを見れば簡単!スマホサイトのフッターメニューをサクッと作るサンプル

スマートフォンなどのモバイル端末でウェブサイトを見る人が急増し、今の時

gifuparking
名鉄岐阜駅直結の最も近い駐車場、24時間営業で2日以上停められます

名鉄岐阜駅から名古屋方面へ旅行やお出かけ、また中部国際空港へ電

wordpressengry
WordPress管理画面の投稿一覧で表示される投稿数を変更するには

WordPress の管理画面と言えば、WordPress でブログや

→もっと見る