右クリック禁止で、音源を保存できなくしたい

以下のようなコードを作成しています。
視聴ボタンをクリックした先の視聴ページの右クリックを禁止して、
音源を保存できないようにしたいのですが、
クリックした後の遷移先には、JSが効かないのか、禁止できません。
右クリック禁止を適用するには、どうすればよいのでしょうか？

body箇所をaudioにも変更しましたが、できませんでした。

<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
</head>
<body>
<a href="sample.mp3" target="_blank">視聴</a>
<script>
$(function(){
  $('body').on('contextmenu',function(e){
      return false;
  });
});
</script>
</body>
</html>

miyabi_pudding

2020/03/09 03:38

そもそも、試聴用のデータですよね？であれば、ダウンロードされても、運用上問題ないのでは・・・？

BamBam

2020/03/09 04:06

完璧にダウンロードできないようにするというのは、難しいかとおもいますので、ある程度対策は取りたいです。

m.ts10806

2020/03/09 04:14

URLとれるので幾らでもダウンロードできますよ。 (それにクライアントの技術なのでそもそも表示再生されてる時点でダウンロードされてるはず)

行動規範の内容に同意します

回答4件

スマホからなので簡単に。
ストリーミングで配信すればかなり防げると思います。(再生側で録音されたらアウトですが。)

streming audioとかで調べ直してください。
https://developer.mozilla.org/ja/docs/Web/Guide/Audio_and_video_delivery

投稿2020/03/09 03:20

編集2020/03/09 23:24

oikashinoa

総合スコア2826

miyabi_pudding

2020/03/09 03:50

確かに、デベロッパーでない一般ユーザーにはそれで十分ですよね。

oikashinoa

2020/03/09 11:27

一般ユーザーでもHDMI Captureされたらお手上げですけどね。この手の話はどのレベルで我慢したいかを名格にしたほうがいいのではと想います。 miyabi_takatsukさんが言うように’視聴だったら別にいいんじゃね？’は同意見です。

行動規範の内容に同意します

音源を保存できないようにしたいのですが

DRMなどの複雑なことをやらない限り無理です。諦めてください。

投稿2020/03/09 02:54

maisumakun

総合スコア145183

maisumakun

2020/03/09 02:55

というより、<a href="">で単純にリンクしているだけなので、そもそものコードが「ダウンロードさせるためのリンク」そのものになっています。

行動規範の内容に同意します

アプリ依存の音楽ファイル形式にして特定アプリ以外動作させないような
仕組みでない限り、ネット上に載せればダウンロードを禁止することはできません。

投稿2020/03/09 02:57

yambejp

総合スコア114747

クリックした後の遷移先には、JSが効かないのか、禁止できません。
右クリック禁止を適用するには、どうすればよいのでしょうか？

遷移先で右クリック禁止にするには、以下のように
遷移先を.mp3でなく.htmlや.phpにして、遷移先のページ内に「右クリック禁止」の記述を書く必要があります。

<!DOCTYPE html>
<html lang="ja">
<head>
    ...
</head>
<body>
    <a href="/sample.html" target="_blank">視聴</a>
</body>
</html>

↓/sample.html

<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
</head>
<body>
  <audio src="sample.mp3"></audio>
<script>
$(function(){
  // 右クリック禁止の記述
  $('body').on('contextmenu',function(e){
    return false;
  });
});
</script>
</body>
</html>

原則的な考え方として、
遷移前のページのJavaScriptの記述を、遷移後のページに適用することはできないです。
遷移先の画面は、遷移先の画面でJavaScriptを記載する必要があります。

(もし遷移先のページにJSを効かせることができるのであれば、
例えば右記リンクの内閣府のページを好きなように書き換えることができてしまいます。)

投稿2020/03/09 23:53

編集2020/03/10 00:11