Generative Text to Audio with Audiocraft 2
In this video we'll use Audiocraft for generating sound effects instead of music.
TUTORIALS
I share the knowledge I've gained when solving a tough problem in order that it might help someone else. Here's a collection of those things.
Filter by:
Generative Text to Audio with Audiocraft
In this video we'll use Audiocraft, an open source library from Facebook, to create a fully customizable interface for generating AI audio. Because the instructions and latest code seem to not work for most people, this video will show you how to get around the issues, and up and running smoothly.
Create a talking chatGPT
What's it like to interact with chatGPT by speaking to it instead of typing to it? What's it like to hear it speak back? Build your own talking chatGPT to find out.
Create an audio AI chatbot
Transcribing audio so that you can perform Q&A with chatGPT.
Understand AI Energy Usage and Costs
Examine the use of ChatGPT and Whisper APIs in the Firefox Energy Profiler to estimate how much energy is being used during AI inference.
Set up cloud-GPU ML model training on Google Colab
No fancy GPU-processor? No time to leave your machine crunching for endless hours on a single machine learning task? Problems installing the endless dependencies your model requires? No problem.
Photo Background Replacement with Deeplab
Train a Machine Learning model using Tensorflow and Deeplab to separate your chosen subject from its background in any photo
Getting around the restricted styling of visited links with javascript and local storage.
Utilizing local storage and javascript to get around the styling restrictions on :visited links and their content
Animated StyleGAN image transitions
Smooth transitions between synthetic GAN-generated landscapes with Runway ML and P5.js
Submit Website Forms to Google Sheets
Storing form data from a website in Google Spreadsheets using javascript / React
OpenCV Camera for Android
Rotating, Orienting, and Scaling the Camera Preview to fit your device
Parsing XML Data on an ESP8266
Connecting via WiFi with a low cost microcontroller to retrieve data
Face-detecting React Native selfie cam
Build a face-detecting React Native selfie cam from scratch in minutes with Exponent
Unity Stereo Skybox
Implementing a Stereoscopic Skybox into Unity for Virtual Reality
Introductory Machine Learning Course Material
From my 2018 Make+Think+Code Visual, Audio, and Speech workshops at PNCA
Auto-generated interface for javascript animations with dat.GUI
Prototype faster, give users control of your web animations / interactions, and see changes in real time with an auto-generated GUI
Adding a Contentful CMS for websites created with Hype
This tutorial will show you how to use contentful to deliver CMS-driven content to your Hype-generated website.
Adding dynamic data from Javascript to Hype websites
In this tutorial, we’re going to use Hype to dynamically update the content of a website, populating our site with the latest mortgage rates from a data file.
Loading custom fonts in Tumult Hype
Hype is a great tool if you’re looking for making motion heavy websites with a graphical interface. Adding fonts can be a bit confusing though. Here's how to make it happen.
Training drawings on how to be photos with Machine Learning
In this tutorial we'll use the massive library of sketches from Google's Quickdraw databse and train them on photos from the Internet Archive, turning drawings of fish to fish-photo-hybrids.
Generating pix2pix tensorflow images from the web using ImageMagick
pix2pix is a great and easy way to create machine-learning generated images, but it requires specific formatting. This tutorial shows you how to achieve this using ImageMagick.
Website File Uploads with only javascript using Firebase
Setting up a basic file upload feature for your static website with just Javascript using Firebase. No PHP needed!
API-Free Unsplash Collection Image Gallery
How to quickly generate a random gallery of images from an unsplash collection in javascript without using the API
Cross Domain Access in Codepen
How come your codepen example doesn’t work when you link to a file on your FTP server? Often times it’s because of CORS, so I thought I’d share a few easy ways of dealing with this.
React Native Zoomable Image Carousel
Code to implement an image carousel in react native where the carousel can be launched into a 'modal' mode and each image can be zoomed
How to Enable Your Controller in Steam Games
Getting your gamepad to work in Steam Games isn't always straightforward. Here's a reliable solution.
React Native Custom Image Carousel
Code to implement an image carousel in react native with custom indicator bars
React Native Scrolling Accordion Style Nav
Code to implement a collapsible accordion style navigation element in React Native, with the ability to scroll to each clicked item
Using React Native Flatlist
Replace React Native ScrollView with the new (and smarter) Flatlist.
Centered Text Over Image in React Native
Create text centered over an image in React Native with flexbox, without the need for image dimensions, absolute positioning, or translating.
Animated Image Zoom in React Native Scroll View
Create a user controlled image zoom / pan with animated zoom reset using the React Native Scroll View component
Using a React App with JSON data from AJAX
This tutorial shows how to utilize JSON data obtained via AJAX on initial load, and how to pass that data to components.
How to set up and enable a subdomain in apache
The general process for adding a subdomain to your web host, configuring the virtual host, and enabling the domain
How to convert vector text to a single path for CNC routing
Use auto trace and the centerline text plugin for inkscape to convert a font to a single path for use in CNC routers, laser cutters, etc.
Adding Google Maps to Unity
A free method of dynamically updating a Unity UI element with static map tiles using the Google Maps API
Creating and Implementing Spritesheet Animations in Unity
Workflow for creating and implementing 2D spritesheet animations using Adobe Fuse , Mixamo, Cinema4D, and Unity.
Detect Bluetooth Devices Through Your Browser
Use the experimental web bluetooth feature in Chrome to detect and control bluetooth devices.
Speed Up Font Loading and Eliminate Blink
Take advantage of the CSS font-display Property
Hide the play button in a vimeo video
For chromeless background-style videos
Trigger a CSS transition after showing a hidden element in CSS
Normally, a CSS transition won't occur if you are trying to apply it to an element which was hidden and now should be visible. Here's how to fix it.
Getting the most commonly repeated object value from an array
It's pretty easy using lodash or underscore.js
Reading data from the usb port in Javascript
Node.js and websockets came to the rescue when I needed to read data from a USB-powered barcode scanner
Creating an oscillator with JS
Smooth organic animation around a specific point in javascript
Dynamic redirect after login in codeigniter
Return to the page you were viewing after accessing a login page
batch ajax database update in codeigniter
There’s no shortage of solutions to this common question, but I had trouble with many of them. Here's the one that worked for me.
order items in one database table by categories in another
This example uses codeigniter and activerecord
how to make and save an online image collage
Using easeljs, this prototype allows us to add a collection of images to an html5 canvas, position and rotate them as desired, and save them as a JPG.
conditional insert or update in codeigniter
detecting whether a database record should be inserted or updated based on its existence within a db table
asynchronous output of DB data to JSON
create an AJAX request for data from a mysql database that can be used in jQuery
easily insert database data with PHP/mySQL/jQuery
A common backend dev task as implemented by a frontend dev
Automated screenshot image sequences on a mac
Create an automator task to capture screenshots from your mac for use in video documentation / animated GIFs
Motion-activated lighting with Arduino
Creating an infrared "tripwire" allows for very focused motion-detected LED lighting
Arduino Secret Box
Placing objects within this box opens a hidden trapdoor...
Installing extensions for MAMP Pro
They don't make it easy. In this example we'll install MongoDB
Display tweets on your website using PHP and jQuery
The latest API from Twitter requires authentication to display tweets. Here's how to do so with PHP and easily display them with javascript
Displaying repeated Ruby ERB partials with dynamic content
Loop through JSON and spit out dynamic formatted HTML blocks using Ruby and Middleman
How to maintain scope of current view within backbone after animations or timeouts
Backbone.js tends to switch the scope of "this" view after things like timeouts, intervals, AJAX requests, and jQuery animations. Here's how to retain scope.
Collision detection in SVG
Using Snap.svg to detect proximity and collisions and change object trajectory.
Proportional video and image resizing
Fill a container with no white space
Use controllers or other devices to drive Unity animations
The OSC protocol allows you to send information between virtually any device or software if you know how to harness it. Here we'll look at how to manipulate Unity environments with touchOSC
Intro to HTML
This is the course material I taught at 3rd Ward in Brooklyn (RIP)
Create Photo Collage of Google Images
This time we'll use Fabric.js and the Google Picker API
Let users place photos, maps, and more on a web page
Google's Picker API makes it easy to allow visitors to display content from the web on your site.
Using grunt to combine and minify your javascript files
A beginner's guide to implementing grunt for front end developers
Removing duplicates in an array with javascript
At a job interview, I was asked how to do this without jQuery. Javascript's filter function makes it easy.
Automatically open, position and size your Mac application windows
How to programmatically set windows to a certain size and position on your desktop with applescript
Add an application to Mac's "open with..." menu
...without changing the default application. In this case, I wanted .pde files to be able to be opened in either processing or arduino.
OSC Receiver / Sender script for Unity
Drop this script into your Unity files and customize it to be able to control your Unity apps from other controllers / applications
Graphical interface for controlling javascript applications in real time
DAT.gui makes it easy to manipulate almost anything in javascript via some basic controls
Circular camera rotation around a central point in threejs
How to perform a circular rotation on a single axis in webGL
Convert XML to JSON
...and avoid CORS / security issues
SVG Path animations with D3.js
Here we will tween an arc from one radius to another
Simple Vimeo API Example
Controlling a vimeo video with their Froogaloop javascript API
Sort an array of objects by an object property / key
A quick snippet for manipulating javascript object data
Get an ISO 8601 Formatted Date in Javascript
AWS requires it, and JS doesn't make it intuitive, so here's how
A way around access control origin errors
CORS can be a pain when dealing with AJAX and getting data from other domains. Here's how to disable it.
How to change the content of one html dropdown based on the selection made in another
Dynamic Dependent Dropdown filtering with Codeigniter and jQuery
Pretty-up ugly default apache directory listings
If you've got a site that allows people to see the contents of a web server directory without accessing a specific page, you know that the listing Apache creates is ugly. Here's how to fix that.
Country-specific content
Deny or allow access from a specific country
Format the currentTime property in HTML5 audio and video
...for use in counters and progress bars