Our great sponsors
-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
-
obsninja
VDO.Ninja is a powerful tool that lets you bring remote video feeds into OBS or other studio software via WebRTC.
-
InfluxDB
Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
And theres a LOT more APIs than people realize: https://developer.mozilla.org/en-US/docs/Web/API
Some interesting ones:
- Battery status
- Barcode Detection
- Bluetooth
- Sensors (e.g. Accelerometer)
- Wake/screen lock
- Color picker
- Vibration
- MIDI
- USB
- Contacts picker
- Presentation (AirPlay, Chromecast)
- Virtual reality
This doesn't work at all without JavaScript. I much prefer the picture to a blank region.
Slightly tangent, but it seems like more services are no longer offering fallbacks. Twitter recently got rid of its tweet text fallback, and the caniusewidgets doesn't offer a png fallback (at first glance). https://github.com/badges/shields uses svg so you can do this without complaining about bandwidth too.
Would be funny to include this in an article about yet another privacy-breaking feature of web.
I know nothing about this. It looks cool. I want to learn more. Where do I start ?
DDG search does not help much [1]
Any pointers ?
1:https://duckduckgo.com/?q=waveform+generator+for+wavetable+s...
It's not just proxying the site, it's using https://workers.cloudflare.com/
Because the entire point is to learn and not actually to ship a product, I wrote my own. The biggest libraries I use that I didn't write are HowlerJS for audio, PixiJS for graphics, and React for UI. The actual "game engine" is a very primitive one I wrote myself. You can see it here: https://github.com/ablakey/kestrel/blob/master/src/Engine.ts
One of the best things about NIH-ing my own engine is that I don't need to make it generic, meaning one less layer of abstraction to complicate implementation and debugging.
Another cool website that I came across a few days ago is https://vdo.ninja/ (create reusable invite option) which also uses the HTML camera APIs to connect your mobile phone to OBS. Both the audio and video quality I get from my phone is at par or sometimes even superior to my laptop's webcam. This video tutorial(1) explains the setup really well.
Kudos to whoever made this free site and also the modern browser tech for making this possible.
(1) https://www.youtube.com/watch?v=ArVDKf2QK1s