본문 바로가기

Mobile + 모바일/iPhone + iOS

[iWidgets] Music AnchorUI BB Theme [Update]

첨부파일

_

[MUSIC] AnchorUI-BB.zip


[iWidgets] Music AnchorUI BB Theme



제작환경

  • iOS 9.0.2
  • iPhone 5


필수트윅

  • iWidgets (무료)
  • InfoStats 2 (무료)


설치경로

  • raw(원시) 파일 시스템 > var > mobile >Library > iWidgets


질문금지

  • iOS 9.0.2의 경우 InfoStats 2 트윅이 시디아에서 바로 설치가능하기 때문에 iOS 9.3.x를 사용하시는 분들의 InfoStats 2 설치에 대한 문의는 답변드릴 수 없습니다.
  • 테마 변경 문의하시는 분들이 계신데, 그런 분들은 그냥 다른 테마 사용해주세요. 부탁드립니다. (_ _)


테마옵션

  • 음악어플선택 = 제목 또는 아티스트 터치시 실행할 음악어플 선택
  • 앨범아트배경사용 = 해당 옵션 체크시 블러효과의 앨범아트가 배경으로 보여집니다. (본문 최상단의 메인 이미지 배경 참고)
  • 제목 사용자 텍스트 = 제목 부분에 음악 정지 또는 일시정지시 보여질 텍스트
  • 아티스트 사용자 텍스트 =  아티스트 부분에 음악 정지 또는 일시정지시 보여질 텍스트
  • 글자색상 = 위젯의 전체 글자 색상
  • 제목 글자크기 = 제목의 글자 크기(픽셀단위)
  • 아티스트 글자크기 = 아티스트의 글자 크기(픽셀단위)
  • 컨트롤버튼색상 = 흰색과 검정색이 있습니다.
  • 컨트롤버튼타입 = Type1과 Type2가 있습니다. 자세한 사항은 본문 하단의 이미지 참고.


음악어플선택

  • 사용자가 선택 가능한 음악어플의 항목은 아래와 같습니다.
    • 네이버뮤직
    • 멜론
    • 몽키3뮤직
    • 벅스뮤직
    • 소리바다
    • 애플뮤직
    • 엠넷뮤직
    • 지니뮤직
    • SoundCloud
    • Spotify


음악어플선택의 중요성 안내

  • 본 위젯은 음악어플에 따라서 구동방식이 변경됩니다. 그 이유는 애플에서 정식으로 지원하는 코드를 사용하지 않는 경우 재생과 관련된 조건문을 인식하지 못함으로써 곡의 일시정지 또는 정지시 제목, 아티스트, 앨범커버가 기본상태로 돌아가지 못하고 마지막 재생곡의 정보를 보여주게 됩니다. 그리하여 이번 업데이트에 조건문을 사용하는 코드와 그렇지 않는 코드를 분류하여 코딩하였습니다.
  • 조건문을 사용하지 않는 어플 = 음악 중단시에도 마지막 곡의 재생 정보가 보여짐.
    • 몽키3뮤직
    • 소리바다
    • 엠넷뮤직
    • SoundCloud
    • Spotify
  • 그 이외의 어플은 음악 중단시에 마지막 곡의 정보 대신 기본으로 설정한 내용이 보여집니다.
  • 만약 애플에서 정식으로 지원하는 코드를 사용하는 어플을 선택 후 조건문을 사용하지 않는 어플에서 음원을 재생시킨 경우, 이전곡, 다음곡, 재생, 일시정지의 기능은 작동하나 곡 제목과 아티스트, 앨범아트가 변경되지 않습니다. 이와 반대의 경우 곡 제목과 아티스트, 앨범아트가 변경되지만 재생중인 곡 정지시 마지막으로 재생한 곡의 정보가 남아있게 됩니다.
  • 예시) 옵션에서 애플뮤직을 선택 후 소리바다에서 음원을 재생시 재생중인 곡의 제목과, 아티스트, 앨범아트가 업데이트 되지 않음.


업데이트 사항

  • 리스프링 후 스크립트를 불러오지 못하여 위젯 작동이 중단되었던 문제 수정
  • 음악어플에 따른 구동방식 스크립트 추가


앞으로 음악위젯은 추가적으로 제작하더라도 제 개인적으로 사용할 계획이며 따로 배포는 하지 않겠습니다. 여러 사람에게 맞춰 제작하다보니 비공식 어플에 대한 추가 스크립트와 jQuery의 충돌로 인한 안전모드 진입 등등 너무 많은 변수들 때문에 아까운 시간을 낭비하였습니다. 저는 개발자가 아닌지라 음악위젯에 사용되는 스크립트를 컴퓨터에서 구동할 수 있는 프로그램이 없기에 어느정도 코드가 완성되었다 싶으면 모바일에 집어넣어 확인하는 과정을 계속하다보니 은근 스트레스 받더군요. 그냥 소리바다나 엠넷뮤직 같은 어플 때문에 힘들었습니다. 일단 몽키3뮤직, 소리바다, 엠넷뮤직에서도 재생곡에 대한 업데이트가 이루어지니 이것으로 만족하고 앞서 말했듯이 본 위젯을 마지막으로 음악위젯은 배포를 중단토록 하겠습니다.



[MUSIC] AnchorUI-BB.zip



  • 천향화 2016.08.28 15:33

    음악 위젯 마지막이라니 너무 아쉽네요ㅠㅠ 항상 이쁜 테마나 위젯 공유해주시는거 감사합니다!

  • 깨가루 2016.08.28 18:06

    너무나 좋아요~ 감사합니다!!!

  • 쿡흐다스 2016.08.29 01:07

    위젯 너무 이쁘네요~
    감사히 쓰겠습니다 고생하셨어요ㅎㅎ

  • 할리 2016.08.29 11:52

    오타제보요..!! 필수트윅에 InfoSatas 2 (무료) 라고 쓰셨는데 InfoStats 2 아닌가요..!

  • 카카수 2016.08.29 18:25

    오류없이 구동 잘됩니다.
    정말 좋아요.♥
    고맙습니다.^^

  • Favicon of https://kangminsoo.tistory.com K_MinSu™ 2016.08.30 03:46 신고

    노을님 방금전에 음악위젯 적용시켰습니다. 엄청 마음에 드는군요.

    만드신다고 고생많이 하셨습니다.^^ 그리고 잘쓰겠습니다. 고맙습니다(__)

    • Favicon of https://blog.delfiini.co.kr NOEUL's 2016.09.03 17:57 신고

      감사합니다. 부디 테마에 에러가 없기를 바랄뿐입니다. ^^

    • Favicon of https://kangminsoo.tistory.com K_MinSu™ 2016.10.04 23:56 신고

      안녕하세요. 노을님.

      제작환경이 아이폰5로 알고있는데 혹시 아이폰6에 적용시키면 문제가 발생을 하는지요..? 제가 멜론을 사용중인데 어느순간부터인가 계속 노래듣다가 폰이 먹통이되서 리스프링이 되네요.. 멜론 다운그레이도 해보고 별짓을 다해봤지만 그대로길래 노을님이 만드신 음악위젯을 안쓰니 리스프링이 없어졌네요;;; 뭐가 잘못된건지 도저히 감을 못잡겠네요.. 너무 이뻐서 쓰고싶은데.. 너무 아쉽습니다ㅠ

    • Favicon of https://blog.delfiini.co.kr NOEUL's 2016.10.05 00:37 신고

      기종에 따른 문제는 없을것입니다. 다만 플레이어의 문제로 인해 안전모드로 진입할 수 있습니다... 아무래도 어플 자체가 기본앱에 충실하다보니 여러 문제가 발생할 수 있더라구요.
      그래서 글의 마지막에도 적어두었듯 이후 제작되는 플레이어는 배포하지 않는다고 한 것입니다.ㅠ
      - 참고로 기본 앱(애플뮤직)에서는 작동에 문제가 없습니다.

    • Favicon of https://kangminsoo.tistory.com K_MinSu™ 2016.10.05 00:48 신고

      그래도 맘에 들어서 몇일이라도 만족하면서 썼습니다ㅋ 만드신다고 고생하셨는데 이런 질문드리는 제가 다 죄송하네요^^; 지금 개발중이신 새로운 위젯을 기대하고 있겠습니다. 편안한 밤되세요^^

  • 백색테러 2016.08.30 09:30

    동키를 사용하는데 매우 종습니다!!!
    항상 감사합니다^^

  • 아키 2016.09.02 02:06

    노을님 늘 감사해용!
    이번이 마지막 뮤직위젯이지만 지금까지 공유해주신 위젯들 너무다 예쁘게 잘 사용하고 있습니다!
    늘 예쁜 위젯들과 친절한 답글 감사드려용!!

  • 아키 2016.09.03 17:44

    노을님 안뇽하세요! 뮤직 위젯 bb테마에 대해 여쭤보려고 합니당!
    블러배경을 정사각형으로 만들 수 있을까요?
    그리고 가운데 앨범아트를 숨겨서 아이콘으로 대체할 수 있나요?
    지금 계속 이것저것 수정하고 있는데 저 2개는 잘 모르겠어서 여쭙니다!

    • Favicon of https://blog.delfiini.co.kr NOEUL's 2016.09.03 17:55 신고

      말씀하신 두 가지의 경우 모두 가능합니다.
      단, '아이콘으로 대처한다'라는 것은 어플아이콘으로 대처하는 것이 아닌 아이콘 이미지를 제작 후 가운데 이미지로 보여주는 것이겠죠.
      정사각형으로 만드는 것은 스타일만 변경하면 되지만, 앨범아트를 숨기고 아이콘으로 대처하는 것은 스타일과 스크립트를 모두 아셔야 가능합니다.

  • 루우 2016.09.04 23:24

    일단 너무나도 좋은위젯 감사드립니다^^
    제가 6플러스 사용자입니다 그래서 그런지 앨범 커버를 적용시 해상도가 맞지 않아 너무 작게 나나탑니다 혹시 아이파일로 수정하면 해결되는지 궁금합니다ㅎㅎ

    • Favicon of https://blog.delfiini.co.kr NOEUL's 2016.09.05 16:07 신고

      앨범커버와 컨트롤러 같은 경우 좀 더 작아보이는 것은 정상입니다. 아이폰 플러스의 경우 레티나의 해상도가 3배를 지향하기 때문이죠.
      만약 위젯의 좌우가 잘려서 기본화면보다 작게보인다면 widget.plist 문서의 width 값을 320에서 414로 변경하시면 되고 단순하게 앨범아트만 크게 늘리시려는 거라면 앨범아트가 출력되는 부분의 크기와 위치까지 수정하셔야 합니다.
      스타일코드에 대한 지식이 없으시다면 힘드시겠네요.

  • 하루 2016.09.05 14:21

    노을님 뮤직위젯 공유 감사드려요
    적용했더니 너무 심플하고 예쁘네요 ㅎㅎ
    질문이 있는데요 제가 벅스를 사용하는데 벅스는 앨범아트가 안나오나요?
    애플뮤직은 앨범아트가 나오는데 벅스만 안나오더라구요;;

    • Favicon of https://blog.delfiini.co.kr NOEUL's 2016.09.05 16:03 신고

      흠...... 제 경우는 잘오네요..
      아마도 다른 음악어플을 사용하다가 벅스로 넘어간다던지(애플뮤직과 벅스뮤직을 함께 사용)하면 정보를 불러오다가 정지해버리는 것 같습니다.
      이 문제는 제가 어찌 해결할 수 없을 것 같아요. ㅠ

  • 감사합니다 2016.09.11 06:52

    탈옥 후 처음으로 노을 님 위젯 테마를 접하게 됐는데 정말 신세계네요 ㅠㅠ
    메모 위젯도 너무나 유용하게 잘 사용하고 있어요!! 감사한 마음으로 잘 사용하겠습니다 ^^

  • 퐁당퐁당 2016.09.11 20:51

    안녕하세요! 노을님 너무 이쁜 위젯 감사드립니다. 하나 여쭤볼게 있는데 지니는 위젯이 구동이 되나 화면 상에는 제목 아티스트 배경 등이 나타나지 않습니다. 혹시 이런 문제를 해결할 수 있을까요?

    • Favicon of https://blog.delfiini.co.kr NOEUL's 2016.09.11 22:24 신고

      위에도 답변드렸듯 특정한 상황에서 기본앱을 제외하고는 정보를 가져오는데 문제(기기에 영향을 주지 않는)가 발생할 수 있습니다. 이러한 문제들은 지금의 제 실력으로 어떻게 할 수 없네요 ㅠ

  • 민제이 2016.09.23 12:40

    노을님! 업데이트 버젼에서 오버레이와 이퀼라이져 표시하고싶지 않으면 layout에서 어디를 만져야 하나요..?!
    수정 전에는 display:none 으로 안나오게 했었는데 이번꺼는 안되네요ㅠㅠ

    • Favicon of https://blog.delfiini.co.kr NOEUL's 2016.09.23 16:59 신고

      이미지폴더에 보시면 transparent.png와 equalizer.png, overlay.png라는 이미지가 있습니다.
      transparent.png - 투명 이미지
      equalizer.png - 이퀄라이저 이미지
      overlay.png - 오버레이 이미지

      1. 이미지폴더에 있는 equalizer.png와 overlay.png 파일을 다른 곳에 백업 또는 삭제하세요.
      2. transparent.png 파일을 두 번 복제합니다.(transparent.png와 같은 투명이미지가 3개가 됩니다.)
      3. 복제된 transparent.png파일의 이름을 equalizer.png와 overlay.png의 이름으로 변경하세요.

  • 민제이 2016.09.25 00:13

    노을님 감사합니다 덕분에 잘 수정하였습니당!! 잘 사용하겠습니다>_<!!!!