HTML5의 Notifications While이 에 작성. 695번 읽힘.
데스크탑 컴퓨터에서는 알림 기능이 쓸모가 많다. 특히 메신저에서 제일 사용할 일이 많고 이메일 도착 알림등 상당히 유용하다. 이 기능이 HTML5 에서 포함되려고 하고 있다. 정식적으로 포함 된 것은 아니다. 구글에서 제시한 스펙으로, 현재는 구글크롬에서만 사용이 가능하다. 아래 버튼을 눌러 테스트를 해볼 수 있다.
소스
function clickTheButton() { if(!window.webkitNotifications) { alert("Notifications 를 지원하지 않는 브라우저입니다.") return false; } if (window.webkitNotifications.checkPermission() == 0) { window.webkitNotifications.createHTMLNotification("./").show(); } else { window.webkitNotifications.requestPermission(); } return false; }
소스는 매우 간단하다. windows.webkitNotifications 라는 객체가 없으면 지원되지 않는 브라우저이다. 그리고 그 객체에서 checkPermission() 으로 권한이 있는지 알아 볼 수 있고, requestPremissions() 에서 권한 요청을 클라이언트에게 보낼 수 있다.
알림을 발생해주는 메소드는 createHTMLNotifications(url) 이다. 이 외에도 createNotifications(photourl, title, content) 메소드가 있다.
실행 결과
위를 실행하면 이런 알림을 볼 수 있게 된다.
맥의 대시보드 위젯에 알송 실시간 가사 While이 에 작성. 1,952번 읽힘.
원래 기존에 공개되어 있는 mLyrics 라는 위젯을 썼었는데, 외국 노래 가사밖에 안나와서 알송가사를 연동시켜볼까 하는 생각에 만들어봤다.
대시보드 위젯이 html5 기반이기에 수정하기는 아주 쉬웠고 jquery 를 사용하여 특정 페이지를 열도록 해서 만들었길레, 따로 알송 가사를 가져와주는 php 페이지를 하나 만들어서 그곳에 연결시켰다.
덤으로 실시간 가사(시간에 따라 바뀌어주는 가사)까지 추가했습니다. 원래 기존에 누군가가 만든걸 수정한데다가, 알송서버를 빌려 썼기 때문에 파일은 공개 불가능. (저작권문제)