링크프리뷰 모듈에 들어가는 내장 플레이어인데요.
접근 가능한 멀티미디어 파일을 video 태그에 넣어서 예쁘게 꾸며주고 iframe으로 불러오는 방식입니다.
https://dev.aporia.blog/board_fKje48/56240
페이지는 반응형으로 만들었으니까 얼마든지 다양한 사이즈로 임베드가 가능합니다
예전에 유튜브 뮤직 플레이어를 만들기도 했었는데, 비디오 플레이어는 그 이상으로 손이 많이 가네요;;;
디자인은 워낙 감각이 없으니까 그냥저냥 하는데, 이벤트 리스너 작업도 많이 해줘야 하고 재생 관련된 동작들 제어도 해줘야 해서 꽤 많은 시간을 투자하고 있습니다.
게다가 한 페이지에 여러 플레이어들이 임베드되는 걸 감안하고 서로 간섭 없이 재생 가능하도록 postMessage 쏴주고 message 이벤트로 받은 다음에 다시 postMessage 쏘고 그럽니다ㅋ
그리고 웹브라우저의 멀티미디어 항목 제어 기능에 제목, 대표 이미지, 재생 시간 등등도 반영하구요.
테스트를 마무리한다고 했는데 아직도 어딘가에 버그가 있을지 모르겠어요ㅜ
그나저나 첨부파일로 들어오는 mp3이나 mp4 등등을 웹브라우저 기본 플레이어 말고 이 플레이어를 이용해서 작동시킬 수도 있겠다는 생각이 들고 있습니다.
뭔가 하다 보면 중간에 새로 아이디어가 떠올라서 그때까지 했던 작업들을 처음부터 뜯어고치고 하는 일들의 연속이네요ㅋㅋㅋ
(벌러덩~) 이제 좀 쉬어야겠습니다;;
저희는 video.js를 커스텀해서 독자 스킨으로 만들어 사용하고 있는데.. 업로드와 관련된 코어 js를 수정했다보니, 업데이트를 항상 변경점이 있는 파일만 내려받아 하고 있네요 ㅜ_ㅜ