How to record a webpage?
July 31, 2018 5:45 AM Subscribe
I enjoy listening to http://listen.hatnote.com/ as background music. The page will not play on my work internet, probably because of some background javascript or something. I would like to record this webpage for a long chunk at home (5-8 hours) and upload to youtube. Can you please advise me a simple workflow with a single, free tool to record the screen and audio from Hatnote? I've uploaded youtubes before, but any advice about uploading a multiple-hour video to youtube would also be appreciated.
I think the OP just wants to listen, not watch. So the audio file should work. The offline copy can then be posted to YouTube for listening via the work computer. Apparently there would not be a copyright issue as this is music generated in response to Wikipedia edits using open-source software.
posted by beagle at 6:36 AM on July 31, 2018
posted by beagle at 6:36 AM on July 31, 2018
Install Audacity. Hit record. Open your site. Wait. (Trim). (Normalise). Export to mp3. Done.
(only tested on OS X, but audacity runs on all the major OSes)
(Sorry, that's audio only)
posted by pompomtom at 7:07 AM on July 31, 2018 [2 favorites]
(only tested on OS X, but audacity runs on all the major OSes)
(Sorry, that's audio only)
posted by pompomtom at 7:07 AM on July 31, 2018 [2 favorites]
I think the OP just wants to listen, not watch.
Not according to the question: "Can you please advise me a simple workflow with a single, free tool to record the screen and audio from Hatnote?"
If you're on a Mac, QuickTime Player (which comes with MacOS) can record audio and video from the screen (or just audio). Just launch it, go to the File menu, and select "New Audio Recording" or "New Screen Recording".
If you do want audio-only, then you might also want to check out Audio Hijack (although, again, it's Mac-only, and isn't free). It allows you to record from specific applications, so you could (for example) record the audio output from your browser, without also including audio from other applications.
posted by escape from the potato planet at 7:55 AM on July 31, 2018
Not according to the question: "Can you please advise me a simple workflow with a single, free tool to record the screen and audio from Hatnote?"
If you're on a Mac, QuickTime Player (which comes with MacOS) can record audio and video from the screen (or just audio). Just launch it, go to the File menu, and select "New Audio Recording" or "New Screen Recording".
If you do want audio-only, then you might also want to check out Audio Hijack (although, again, it's Mac-only, and isn't free). It allows you to record from specific applications, so you could (for example) record the audio output from your browser, without also including audio from other applications.
posted by escape from the potato planet at 7:55 AM on July 31, 2018
If you're on a Mac, QuickTime Player (which comes with MacOS) can record audio and video from the screen (or just audio). Just launch it, go to the File menu, and select "New Audio Recording" or "New Screen Recording".
Several hours of screen recording in Quicktime will be massive, likely quite a few gigabytes.
I can heartily second Audio Hijack though - it is absolutely worth the money. The new version in particular is a great redesign. And once you have a tool which can record audio from any other application on your Mac, you'll find plenty of uses for it.
posted by Happy Dave at 8:46 AM on July 31, 2018
Several hours of screen recording in Quicktime will be massive, likely quite a few gigabytes.
I can heartily second Audio Hijack though - it is absolutely worth the money. The new version in particular is a great redesign. And once you have a tool which can record audio from any other application on your Mac, you'll find plenty of uses for it.
posted by Happy Dave at 8:46 AM on July 31, 2018
Best answer: The advent of game streaming has made this pretty easy. No need to pay money for Audio Hijack. Just get OBS and record a local stream with it. Leave it running overnight. The file will be pretty big but not unmanageably so (maybe a couple GB an hour?).
Also, it looks like the reason this won't play on your work network is because the page uses a websocket on port 9000, which is probably blocked by your work's firewall.
(I've half a mind to try this myself, now...)
posted by neckro23 at 9:10 AM on July 31, 2018 [2 favorites]
Also, it looks like the reason this won't play on your work network is because the page uses a websocket on port 9000, which is probably blocked by your work's firewall.
(I've half a mind to try this myself, now...)
posted by neckro23 at 9:10 AM on July 31, 2018 [2 favorites]
Response by poster: Neckro23, would it be possible to bipass the record and upload by using a live-streaming tool? Could I live stream to youtube live or something, and somehow set it to save for later as well?
posted by rebent at 9:22 AM on July 31, 2018
posted by rebent at 9:22 AM on July 31, 2018
Best answer: Okay, so it's easier than I thought, since there's a "Browser" video source plugin in OBS. Just add a browser source, point it at that page, set window size to 1920x1080 (or whatever), and record.
Re: streaming, probably not. I don't really know how Youtube's streaming works though.
posted by neckro23 at 9:24 AM on July 31, 2018
Re: streaming, probably not. I don't really know how Youtube's streaming works though.
posted by neckro23 at 9:24 AM on July 31, 2018
Best answer: Five minute proof of concept video. It works!
posted by neckro23 at 9:32 AM on July 31, 2018
posted by neckro23 at 9:32 AM on July 31, 2018
Response by poster: Thanks Nekro! I am going to do this tonight
posted by rebent at 10:11 AM on July 31, 2018
posted by rebent at 10:11 AM on July 31, 2018
Hey Rebent! I'm one of the co-creators of Hatnote, with my buddy Mahmoud. Glad to hear you're enjoying it, and your question made our day. I hope you have a chance to make an edit on Wikipedia while recording your video!
Someday, we hope to add non-websocket streaming to make L2W more accessible to people behind firewalls, perhaps when Internet Explorer supports SSE. Our code is on Github if anyone wants to help contribute!
posted by stop sign at 3:28 PM on August 2, 2018 [1 favorite]
Someday, we hope to add non-websocket streaming to make L2W more accessible to people behind firewalls, perhaps when Internet Explorer supports SSE. Our code is on Github if anyone wants to help contribute!
posted by stop sign at 3:28 PM on August 2, 2018 [1 favorite]
This thread is closed to new comments.
edit: my mistake, you also wanted the video.
posted by nickggully at 6:25 AM on July 31, 2018