간단한 북마크만으로 사파리 PIP 기능을 사용하는 방법... 'PIPBookmarklet'

2016. 10. 24. 22:24    작성자: ONE™

사파리에 추가된 PIP 기능을 북마클릿 방식으로 이용할 수 있는 방법이 소개됐습니다.

macOS 시에라부터 PIP(화면 속 화면) 기능을 통해 사파리에서 재생 중인 동영상을 데스크탑에 작게 띄워놓을 수 있어 멀티태스킹을 할 때 유용합니다. 하지만 유튜브를 비롯해 여전히 많은 사이트가 PIP 모드를 제대로 지원하지 않아서 꼼수를 사용하거나 별도의 프로그램을 설치해야 하는데요.

이 방법을 사용하면 굳이 꼼수나 별도의 프로그램을 동원할 필요가 없어집니다.

사파리 책갈피에 등록하는 북마클릿을 통해 PIP 기능을 간단히 구현할 수 있기 때문입니다. 아울러 기존에 소개된 방법의 경우 PIP를 사용하기 전에 동영상 재생 버튼을 누르는 등의 절차가 필요한데, 북마클릿을 이용한 이번 방법은 한 번의 클릭으로 PIP 창을 켜고 끌 수 있다는 장점을 갖추고 있습니다. 북마클릿의 원리는 동영상이 첨부된 페이지에 PIP 기능을 활성화시켜주는 자바스크립트 코드를 삽입하는 방식입니다. ※참고: 소스코드

macOS Sierra와 iPad를 위한 PIPBookmarklet

사용 방법은 무척 간단합니다.

링크를 클릭하면 페이지 중간에 'Drag this to your Safari Toolbar...'라는 버튼이 보입니다. 이 버튼을 끌어 사파리 책갈피 막대에 추가합니다. ▼

책갈피 막대에 북마클릿을 추가했으면 이름을 적당히 짧게 고쳐넣으세요. ▼

이후 유튜브나 넷플릿스, 트위치, 비메오 같이 HTML5 동영상을 스트리밍으로 제공하는 사이트에서 이 북마클릿을 누르면 PIP 창을 통해 동영상을 시청하실 수 있습니다.

참고로 사파리 책갈피에 추가한 북마클릿은 아이클라우드를 통해 다른 애플 기기로도 동기화되는데요. 비교적 최근에 나온 아이패드(아이패드 에어 2, 아이패드 프로, 아이패드 미니 2세대 및 이후) 역시 이 북마클릿을 통해 PIP 기능을 사용할 수 있습니다. 물론 해당 사이트가 동영상을 HTML5 방식으로 제공해야 한다는 조건이 있습니다. 한국 사이트의 경우 네이버 TV캐스트에선 북마클릿이 작동하지만, 다음 TV팟과 아프리카TV에선 작동하지 않습니다.



참조
PIPBookmarklet by garyworks

관련 글
macOS 시에라, 유튜브 동영상을 '화면 속 화면(PIP)' 모드로 시청하는 방법
macOS 시에라, '화면 속 화면(PIP)' 팝업 창 위치를 자유롭게 이동하는 방법
유튜브 ∙ 다음 TV팟 ∙ 네이버 TV캐스트를 '화면 속 화면(PIP)' 모드로 시청하는 방법
유튜브 ∙ 네이버 TV캐스트를 'PIP' 창을 띄워주는 'PiPifer'

    
  1. Blog Icon
    밍꾸리

    아이패드에선 어떻게 끌어서 북마크를 하는건가 궁금하네요

  2. 아이패드에서는 아무 사이트나 책갈피에 추가한 다음 URL을 http://d.pr/n/6geO <- 여기에 적힌 코드로 수정해 주시면 됩니다.

  3. Blog Icon
    JZ

    너무 편리하네요! 감사합니다. ^^ 헌데, 혹시 북마크바가 아닌 툴바에 추가해서 이 기능을 사용할수있는 방법도 있나요?

  4. 일전에 소개한 적이 있는 'PiPifer'가 말씀하신 기능을 제공합니다.
    http://macnews.tistory.com/4954

  5. Blog Icon
    쿄토럽

    원님 감사드립니다. 이전에 올려주셨던 PiPifer의 경우 사파리 전체 화면 모드에서 사용할 수 없었지만, 이 PIPBookmarklet의 경우에는 사파리 전체 화면 모드에서도 사용이 가능하네요. 동시에 탭 이동을 통해 다른 사이트 이용도 가능합니다. 아주 만족스럽네요 ^^

  6. Blog Icon
    Aeria

    오 이거 멋지네요+_+ 거의 유튜브만 쓰는 터라 핍 기능을 못 써서 아쉬웠는데 바로 되니까 이게 또 신기 ㅎㅎㅎ

  7. Blog Icon
    구디스

    아이패드에서 저 링크 북마크에 추가하니 Droplr 라는 앱을 다운받으라고 하는데 뭐죠ㅎㅎ

  8. Blog Icon
    별보는캥거루

    정말 유용하네요 감사합니다!