You can use QuickTime Player along with a free piece of software to record both video and audio from your Mac OS X machine.
If you own a modern Mac, there is a screen recorder built-in the QuickTime Player X app. QuickTime can record whatever you have displayed on screen, including video playing on websites. To make a screen recording, find and open QuickTime Player X in your Applications folder, click "File," then "New Screen Recording."
By default, you have limited options on what you can use as an audio source. On a laptop, you're looking at the options of "Built-in Microphone" and "None."
When a situation arises where you want to record the audio along with your screen recoding on your , you could try raising the volume on your speakers and hope that a built-in microphone captures that audio, but that's far from elegant.
Instead, you can use Soundflower. It is a free piece of software for OS X by Cycling74 that will let you route system audio within your Mac. Download and install the utility; Soundflower requires you reboot your system after installation for it to work.
After your machine reboots, open QuickTime Player and start a new screen recording. In the QuickTime Player window, click the down arrow to the right of the record button and select "Soundflower (2ch)" as your input. Then launch System Preferences and go to the Sound settings. Go to the Output tab and select the same "Soundflower (2ch)" option as you did in QuickTime Player.
What this does is route all of your system audio out to Soundflower as if the utility were speakers or headphones. That means any sound made by your Mac (including Facebook notifications or similar) will be recorded by QuickTime Player.
Now you can hit record in QuickTime Player and you'll capture both the video and audio in one recording. While this is going on, you won't be able to hear the audio to monitor what's being recorded. When you're done, change your output audio back to your original settings in System Preferences.
In our video How To, we recorded a video clip from a larger work called "Le Mondial Du Tatouage - Paris 2014" by Hadrien Genest available under a Creative Commons Attribution 3.0 license.