Fork
0
Fav
0
View
191
  • Play

Fullscreen

Smart Phone

  • Readme
  • JavaScript 16 lines
  • HTML 1 lines
  • CSS 10 lines
Chromeを始めとしたBlinkエンジンを採用しているブラウザでは
canvas要素とvideo要素とshadowDOMとを組み合わせることで
右クリックや開発者ツールの活用といった多くの画像の保存機構を無力化出来る

・右クリックによる画像の保存
→video要素にグラフィックを表示しているので無効
・video要素のソースURIを取得する
→srcObjectプロパティを用いるとDOMツリー上に画像の情報が表示されない
・srcObjectプロパティの参照
→shadowDOMをclosed化するとvideo要素へのアクセスそのものが隠蔽される
・canvas要素への画像の転写
→video要素そのものがshadowDOM内に隠蔽されるため不可能

ここに更に
・キャッシュの直接参照を回避するためソース画像の暗号化・復号化処理を行う
・一般のスクリーンショット対策を施す

ことで, もはや時限スクリーンショットくらいしか有効な画像保存手法がなくなる
  • WEB上の画像を極めて保存しにくくする(Blink限定)
  • WEB上の画像を極めて保存しにくくする(Blink限定)

play

Complete!

Description What kind of game?

Control Device

jsdo.it websocket controller

Mouse

keyboard

smartphone

Fullscreen

defghi1977

Author

svgはいんすぴれーしょん http://www.h2.dion.ne.jp/~defghi/svgMemo/svgMemo.htm 重箱の隅っこをつっついて,にんまり. ドキュメントにまとめて,にっこり.

Default Panel

Size

  • Width: px
  • Height: px

code

QR Code

Discussion

Questions on this code?

Tags