Skip to content

Instantly share code, notes, and snippets.

@MostlyEmre
Last active January 6, 2023 20:46
Show Gist options
  • Save MostlyEmre/b912d8451eeaae65013c7249a3cc1144 to your computer and use it in GitHub Desktop.
Save MostlyEmre/b912d8451eeaae65013c7249a3cc1144 to your computer and use it in GitHub Desktop.
title: "How to rescue your videos from Adobe Portfolio?"
slug: "get-rid-of-adobe-portfolio"
date: 15962464000000
category: "info"
published: true

a prison bird flying out of prison through bars. impressionist oil painting, grayscale

Lately, I’ve been noticing more and more instances of "defensive" design choices on the web. In the most recent instance, I was switching my portfolio software from Adobe Portfolio to Webflow. However, it's been years since I added my first project to Adobe Portfolio, so most of the original project files were nowhere to be found on my computer. I thought I could simply right-click and download the videos that were already hosted on Adobe Portfolio, but to my surprise, there was no option to download them.

As someone who enjoys a good challenge, I started tinkering. I tried using the most popular Google Chrome extensions, but they didn't work. It turns out that these extensions only work on 90% of websites, and Adobe Portfolio was in the other 10%. After exhausting all of my extension options, I decided to bring out the big guns.

Download your video from Adobe Portfolio

Step 0: You need these

To be able to do what I did, you need the following:

  • A browser. I've used Google Chrome for this tutorial.
  • Youtube-DL [Website](Don’t get intimidated, youtube-dl is an amazing script that you will definitely use in the future once you get used to it.)
  • That’s it! (You may need to download FFmpeg if you haven’t, I’m not sure.)

Step 1: Let’s find the source URL

Similar to big video platforms, Adobe Portfolio delivers the videos in chunks, “streams”.

  • Open your browser and Adobe Portfolio page that has the video you want to download embedded.

  • Right-click on the page. Click “Inspect”. The following screen will open on the right-hand side of the page or at the bottom.

  • By default, Chrome opens the “Elements” tab. You need to click on the“Network” tab. Once you activate the “Network” tab, you will see the following.

  • Okay, now go ahead and click on the play button of your video on your Adobe Portfolio page. You will see new files are being added to the downloaded files list in the Network tab.

  • It may be difficult to see which files are related to the video that Adobe Portfolio just downloaded into your machine. That’s why we will filter the results by clicking on filter and entering “m3u8”.

  • Right-click on the file name starting with “master.m3u8", click “Copy” and click on “Copy link address”.

  • Now we have the master URL of the video. We can move to Step 2: Download the video with youtube-dl.

Step 2: Download the video via youtube-dl

  • Create a folder, my folder is called “Youtube”.
  • Put the youtube-dl.exe you have downloaded from this link http://ytdl-org.github.io/youtube-dl/download.html inside the folder.
  • Click on the directory path and write “cmd” and press enter. This will automatically open the Windows command line inside this folder. So you won’t have to write more commands than you need to.

You can see the folder path section selected. Write “cmd” and press enter.

After you press enter, this screen will open up.

  • Now to download, we will write the following into the command line.
youtube-dl THE_URL_YOU_HAVE_COPIED_THE_MASTER_M3U8_ONE
  • Now just press enter and youtube-dl will start downloading your video into the folder you put the youtube-dl into. The video’s name will be “master-master.mp4"

Happy ditching Adobe Portfolio!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment