간단한 북마크만으로 사파리 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
    별보는캥거루

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

티스토리 툴바