[Hype #9] The “Lock” Template — Using JavaScript To Help Prevent Hotlinking / Inline Linking

If you don't have Hype, no problem. This project is almost entirely vanilla JavaScript. It shows how to use an array, requestAnimationFrame, and Scalable Vector Graphics (SVG) to create a dynamic chart. Pretty neat!

CHAPTERS
00:00 What Is Hot Linking?
00:14 When Embedding Is OK
00:52 Framed!
01:06 The “.htaccess” Alternative
01:22 What If You Don't Have Apache?
01:45 Here's How It Works!
02:08 Line #1 — Allowed Website
02:21 Lines 2-3 — Hostnames
02:55 Lines 4-5 — The First Conditional
03:39 Line #6 — The Second Conditional
03:57 Line #7 — Loading The Scene
04:08 Lines 8-9 — Closing Up Conditionals
04:21 Additional Considerations
05:15 Conclusion

CREDITS