Friday, February 24, 2017

Download subtitles (and videos) from Naver V Live, manually


Here are two ways to download from Naver 🀞 V Live. I will focus on the subtitles, but at the end will mention how to use this for videos too.

First, I'll review the simple way: using Soshistagram
Second, I'll show the harder manual way, using only Chrome browser

Easy way - Download Naver V subs/videos with Soshistagram


Reminder that the easiest way is just to use Soshistagram's simple Naver V downloader. From their website, you can just paste a video URL, and it will let you download the video (in a variety of size resolutions) and also the subtitles, with one click. Amazingly, they even convert the subtitle file for you into the popular SRT format. You should have no problems. Check out this picture. It couldn't be easier.

Downloading subtitles from Soshistagram's V Downloader

Seriously, just use Soshistagram, even if the name feels a little outdated now. One of my most popular posts was basically just a link to them. Plus it should work on mobile.


Manual way - Download Naver V subs manually with Chrome's developer tools


You can manually download the subtitle file, but it takes a little bit of work. Don't worry. It looks complicated, but it's not so bad.

Basically, we're just opening the built-in Dev Tools in Chrome, finding the VTT file in the Network tab, choosing the result from the URL that includes "caption", and that's the subtitle file.

If you didn't understand that, don't worry. Let's go through it step-by-step. For my example, I'm using the video at V LIVE - 4minute의 νŒ¬λ―ΈνŒ… κ°€λŠ” κΈΈ

Screenshot of the subtitle downloading process


Download process for Naver Vlive videos, using Chrome

Detailed instructions


  1. Open the video page.
    Example: http://www.vlive.tv/video/1981

  2. Open Chrome's developer tools
    3 dot menu → "More tools..." → "Developer Tools" or Ctrl-Shift-I

  3. Go to the "Network" tab
    It's in the top menu of this new side window. You may need to click the "»" to expand the menu more

  4. Make sure the little circle is red
    (#1 in my screenshot)

  5. Type "vtt" in the search box
    (#2 in my screenshot)

  6. Click each search result
    They will open in the right-side window, where the big red circle in my screenshot is

  7. Find the result that has the word "caption" near the link's beginning
    (#3 in my screenshot). This is the subtitle!

  8. Copy the link
    (everything in the circle in #4 in my screenshot)

  9. Open the link in a new tab and save the file as .vtt 

If you get stuck on #5 and no results are loading, try reloading the page and trying again, or skipping ahead in the video. The point is: at least some of the subtitles need to be loading while we do this.

The resulting subtitle page in my example is here and looks like this:
WEBVTT
1
00:01:01.005 --> 00:01:02.350
- Is it on?
- Now we're on?
2
00:01:02.350 --> 00:01:04.334
- Any sound?
- Sound?
3
00:01:04.334 --> 00:01:06.981
- No sound?
- They couldn’t hear us at all.

[http://caption.rmcnmv.naver.net/globalv/global_meta/read/global_v_2015_09_19_5/531C04F3F31EF34C35E3B34413B007B3646_muploader_h_360P_640_1228_128-1442711475777_en_US.vtt?__gda__=1486928033_6c41b9cebc5600d95b26ecbc0ae12a1b&]

Here is what you'll see the subtitles file in Chrome:

Subtitles for Naver V

This is the file to save with any name and with the extension .vtt

Note: You could also have just skipped the URL copy/paste, and just move from the "Headers" tab to the "Preview" tab. You'll find the subtitles there too.

But wait. We are not done yet.

Subtitle conversion


If you download the subs manually like this, you probably can't play them yet. Naver uses a special format that most video players can't read. So, you need to convert these .vtt subtitles into a more popular format, like .srt. Soshistagram does this for you, but you can do it yourself too, either manually or with another program.

Manual conversion

1. Download the subtitles (WebVTT file, .vtt)
2. open with any text editor
3. Remove WEBVTT text
3. Navigate to Find and Replace
4. Replace . (dot) with , (comma) and apply to all
5. If you use triple points like these ... simply replace the ,,, with ... in Find and Replace and you'll get them back.
Converting Amara subtitles's WebVTT to SRT on Vimeo

Automatic conversion

Some programs will do the conversion for you, such as:


Works for videos too


This is a good method to learn because if Soshistagram ever goes down, you can still download the subtitles and videos yourself.

This whole process works basically the same for downloading the video manually too.
Just replace that .vtt search with .mp4 and you'll be able to find and easily download the video.

Final Thoughts


Of course there are other ways to grab videos and subtitles from online. I just prefer the manual way since I don't have to rely on any site that might go down at any time. Some of the other sites are listed at the top of my other post: Download videos from Naver "V" app

Hope this helps, and if you're here you might be interested in these posts too:

21 comments :

  1. I tried the soshistagram but it tell me to right click and save as..

    ReplyDelete
  2. I did as instructed but when i typed 'vtt' in the search box nothing comes out. Please help...'m trying to download GFRIEND

    ReplyDelete
    Replies
    1. Try reloading the page while the Dev Tool is open. And/or try skipping ahead in the video to near the end.
      Those things usually worked for me.

      Delete
  3. Hello! I'm stuck at step 6.

    I used the video sample you provided. I typed "vtt" in the search box, then where is the "Click each search result" for me to click? I just pressed Enter and nothing happened.

    Any help is much appreciated! Thank you!

    ReplyDelete
    Replies
    1. Update:
      I got it to work at last! "Click each search result" I guess it means choose the "All" rather than XHR JS CSS and so forth.
      Thank you very much for this wonderful method and idea! It helps a lot for training listening skill!

      Delete
    2. Yes, it should be set to "All" to show all files being downloaded from the server. Good job. Glad you got it working and glad to help.

      Delete
  4. thank you so much, it's working very well for me :)

    ReplyDelete
  5. Do you know how to download CH+ videos?

    ReplyDelete
    Replies
    1. Channel+ videos are the premium ones that you have to pay to access, right? I'm not a customer so I can't access any example videos to try. Have you tried the method I explained above? I imagine something similar should work.

      Delete
    2. i have tried a lot of subtitle download sites, they are all unable to detect the subtitles on those links.

      Delete
  6. Hi, do you know if this method still works? I tried this using a different V Live video and the 4Minute example you shared but the .vtt file doesn't show up even when streaming it.

    ReplyDelete
    Replies
    1. I just tried and it still works. You can try refreshing (F5) while the Chrome's developer tools is opened. Results should show up after refreshing.

      Delete
    2. Glad it worked for you. Yes sometimes the refresh is needed, especially if the Network Monitor hasn't loaded and begun monitoring before the subtitle file loads. Good tip.

      Delete
  7. This comment has been removed by the author.

    ReplyDelete
  8. Hi!

    Thank you for sharing how to manually download V's subtitles and video files ^^
    I found your blog a few days ago, and thanks to this, I could also download videos from channel+! ^^
    but since yesterday, I can't find the video in mp4 (on regular channel) when I search "mp4" nothing appears even if I refresh the page, do you know what happened? Because when I go to soshistagram the mp4 link exists.
    Do you know another way I could download V live videos manually? because I prefer using a manual way of downloading instead of depending only on soshistagram...

    ReplyDelete
    Replies
    1. Glad to know it works for Channel+ videos too. I don't have a subscription, so I couldn't test it.

      Try making sure developer tools is open/running and the network monitor is running and then refresh the video page. Alternately, maybe some Channel+ videos use a different codec? Try fumbling around, especially with the media tab. I'm sorry I can't help more, since I don't have access to Channel+. Good luck.

      Delete
    2. oh thank you for replying *_*

      I don't know maybe it's only me :-( even when I try to download vlive videos from normal channel, like this video:
      http://www.vlive.tv/video/33227

      It doesn't work anymore... I don't see any mp4 link... Does it work for you? (for any video from normal channel)

      Delete
    3. nah its not only you. v live did something to it

      Delete
    4. Yeah, i think so. I think they did something several days ago. now i can still use soshistagram to download normal ones, but not for + videos. You can still use the manual way to download subtitle, but not the video. If anyone knows how to download the video from +, please let us know.

      Delete