예전부터 인스타 동영상을 추출해주는 사이트를 유용하게 사용하고 있었는데 <div>인스타가 뭘 어떻게 고친건지는 모르겠지만? 링크를 던져도 영상을 못찾음 ㅠ</div> <div><br></div> <div><br></div> <div><br></div> <div>그래서, <span style="font-size:9pt;">html 에서 직접 영상 링크를 뒤지기 시작했고</span><span style="font-size:9pt;"> 결국 찾았습니다 ㅎ</span></div> <div><span style="font-size:9pt;"><br></span></div> <div><span style="font-size:9pt;"><br></span></div> <div><span style="font-size:9pt;"><br></span></div> <div><span style="font-size:9pt;"><br></span></div> <div><span style="font-size:9pt;"><br></span></div> <div><span style="font-size:9pt;"><br></span></div> <div><span style="font-size:9pt;">이건, 『Chrome』 기준이라 다른 브라우저에서도 될 지는 모르겠지만? </span><span style="font-size:9pt;">아마 될 겁니다</span></div> <div><span style="font-size:9pt;">메이저 한 웹 브라우저라면? 개발자모드는 다 있을테니..</span></div> <div><span style="font-size:9pt;"><br></span></div> <div><span style="font-size:9pt;"><br></span></div> <div><span style="font-size:9pt;"><br></span></div> <div><span style="font-size:9pt;"><br></span></div> <div><span style="font-size:9pt;"><br></span></div> <div><span style="font-size:9pt;"><br></span></div> <div>일단, 영상을 퍼 올 게시물로 이동!</div> <div><br></div> <div><span style="font-size:9pt;"></span> <div style="text-align:left;"><img src="http://thimg.todayhumor.co.kr/upfile/202006/15930120317d5f960e58024e76b51f2755d2ef9823__mn105945__w828__h1440__f123913__Ym202006.png" width="800" height="1200" alt="K-20200625-010714.png" class="chimg_photo" style="border:none;" filesize="123913"></div> <div style="text-align:left;"><br></div> <div style="text-align:left;"><br></div> <div style="text-align:left;"><br></div> <div style="text-align:left;"><br></div> <div style="text-align:left;"><br></div> <div style="text-align:left;"><br></div> <div style="text-align:left;">그리고 『F12』 를 눌러서 개발자 콘솔을 오픈!</div> <div style="text-align:left;"><br></div> <div style="text-align:left;"><img src="http://thimg.todayhumor.co.kr/upfile/202006/1593012032dc2dadd2ed424b6fa9915e112d5641b3__mn105945__w828__h1440__f97466__Ym202006.png" width="800" height="1200" alt="K-20200625-010787.png" class="chimg_photo" style="border:none;" filesize="97466"></div> <div style="text-align:left;"><br></div> <div style="text-align:left;">(저는 모니터를 세로로 두고 쓰기 때문에.. 밑에 나오게 뒀지만.. 기본 설정은 오른쪽에 나올겁니다)</div> <div style="text-align:left;"><br></div> <div style="text-align:left;">그리고, <img src="http://thimg.todayhumor.co.kr/upfile/202006/1593012270f870a5ca33de4406b16d91ec9e066b96__mn105945__w26__h21__f826__Ym202006.png" width="26" height="21" alt="K-20200625-014382.png" style="font-size:9pt;border:none;" filesize="826"> 를 클릭!</div> <div style="text-align:left;"><br></div> <div style="text-align:left;">그러면 웹페이지의 영역을 잡을 수가 있습니다</div> <div style="text-align:left;"><br></div> <div style="text-align:left;"><br></div> <div style="text-align:left;"><br></div> <div style="text-align:left;"><br></div> <div style="text-align:left;"><br></div> <div style="text-align:left;"><br></div> <div style="text-align:left;"><img src="http://thimg.todayhumor.co.kr/upfile/202006/15930120330aafb77e427f445ca841ab41c2e99a4f__mn105945__w1080__h867__f67938__Ym202006.png" width="800" height="642" alt="K-20200625-011078.png" class="chimg_photo" style="border:none;" filesize="67938"></div> <div style="text-align:left;"><br></div> <div style="text-align:left;">이런 식으로요 ㅎ <span style="font-size:9pt;">그리고 클릭!</span></div> <div style="text-align:left;"><br></div> <div style="text-align:left;"><br></div> <div style="text-align:left;"><br></div> <div style="text-align:left;"><br></div> <div style="text-align:left;"><br></div> <div style="text-align:left;"><br></div> <div style="text-align:left;"><img src="http://thimg.todayhumor.co.kr/upfile/202006/15930120340bf131c2b72f4fd486d6e1bfbf18ace0__mn105945__w870__h1440__f170826__Ym202006.png" width="800" height="1200" alt="K-20200625-011341.png" class="chimg_photo" style="font-size:9pt;border:none;" filesize="170826"></div> <div style="text-align:left;"><br></div> <div style="text-align:left;">그러면 이런식으로, 해당 영역의 소스코드를 짚어줍니다.</div> <div style="text-align:left;"><br></div> <div style="text-align:left;">"제어"라고 붙은 부분이 클릭한 영역이고, 실제 영상 주소가 있는 건 두 줄 위에서부터 파고 들어가야 합니다</div> <div style="text-align:left;"><br></div> <div style="text-align:left;"><br></div> <div style="text-align:left;"><br></div> <div style="text-align:left;"><br></div> <div style="text-align:left;"><br></div> <div style="text-align:left;"><br></div> <div style="text-align:left;"><img src="http://thimg.todayhumor.co.kr/upfile/202006/159301203590aa5d96f18e4795b5d9e507bf875709__mn105945__w870__h1440__f166937__Ym202006.png" width="800" height="1200" alt="K-20200625-011511.png" class="chimg_photo" style="border:none;" filesize="166937"></div> <div style="text-align:left;"><br></div> <div style="text-align:left;">거기를 쭉 파고 내려가다보면? 『<span style="font-size:9pt;">https://(어쩌구 저쩌구)』 가 보일겁니다 ㅎ </span><span style="font-size:9pt;">여기까지 찾았으면 80%는 찾은거죠 ㅋ</span></div> <div style="text-align:left;"><span style="font-size:9pt;"><br></span></div> <div style="text-align:left;"><span style="font-size:9pt;">그리고, </span><span style="font-size:9pt;">『</span><span style="font-size:9pt;">src="(어쩌구 저쩌구)"</span><span style="font-size:9pt;">』가 실제로 연결되는 링크인거죠! </span><span style="font-size:9pt;">그리고, 이걸 더블클릭해보면?</span></div><span style="font-size:9pt;"></span> <div style="text-align:left;"><br></div> <div style="text-align:left;"><br></div> <div style="text-align:left;"><br></div> <div style="text-align:left;"><br></div> <div style="text-align:left;"><br></div> <div style="text-align:left;"><br></div> <div style="text-align:left;"><img src="http://thimg.todayhumor.co.kr/upfile/202006/15930120356a0d459301164a0da07b237e3d9d1490__mn105945__w870__h1440__f171586__Ym202006.png" width="800" height="1200" alt="K-20200625-011697.png" class="chimg_photo" style="border:none;" filesize="171586"></div> <div style="text-align:left;"><br></div> <div style="text-align:left;">이런식으로? Edit 모드가 되는데.. <span style="font-size:9pt;">『</span><span style="font-size:9pt;">그냥 Ctrl+C』! </span><span style="font-size:9pt;">그리고, 이걸 주소창에 넣어보면?</span></div> <div style="text-align:left;"><span style="font-size:9pt;"><br></span></div> <div style="text-align:left;"><span style="font-size:9pt;"><br></span></div> <div style="text-align:left;"><span style="font-size:9pt;"><br></span></div> <div style="text-align:left;"><span style="font-size:9pt;"><br></span></div> <div style="text-align:left;"><span style="font-size:9pt;"><br></span></div> <div style="text-align:left;"><span style="font-size:9pt;"><br></span></div><span style="font-size:9pt;"></span> <div style="text-align:left;"> <div style="text-align:left;"><img src="http://thimg.todayhumor.co.kr/upfile/202006/1593012916fba2abe758bd49ebb540a833eb68cf0c__mn105945__w870__h1440__f39750__Ym202006.png" width="800" height="1200" alt="K-20200625-020887.png" class="chimg_photo" style="border:none;" filesize="39750"></div> <div style="text-align:left;"><br></div> <div style="text-align:left;">이런식으로!!! 실제로 재생되는 동영상으로 갑니다!!!</div> <div style="text-align:left;"><br></div> <div style="text-align:left;"><br></div> <div style="text-align:left;"><br></div> <div style="text-align:left;"><br></div> <div style="text-align:left;"><br></div> <div style="text-align:left;"><br></div> <div style="text-align:left;">뭐? 이런 잔기술 정도는 다들 알고 계시지만..</div> <div style="text-align:left;"><br></div> <div style="text-align:left;"><br></div> <div style="text-align:left;"><br></div></div>인스타에서 영상하나 퍼올려고 뻘짓을 했던 걸.. 이렇게라도 남겨놔야 ㅠ</div> <div>조금은? 고생한 보람이 있을거 같아서.. 끄적끄적 적어놉니다 ㅠ</div>