[HTML5] audio, video tag 지원 유무 확인

Posted by Find my true self Fimtrus
2014.04.28 18:17 Programming/Hybrid App

if ( document.createElement("video").canPlayType ) {console.log("true")} //지원
else { console.log( "false" );} //미지원
이 댓글을 비밀 댓글로

[Android] 다이얼로그(Dialog) 닫기 방지. 닫히지 않게 하기.

Posted by Find my true self Fimtrus
2013.12.17 17:02 Programming/Android

다이얼로그로 로그인 화면이나, 비밀번호 입력창 등을 만들기도 한다.

가장 많이 사용 하는 것이 AlertDialog.Builder 를 사용할텐데, 

기존에 제공하는 리스너들을 Overriding 해서 사용할 경우

Ok, Cancel 버튼 클릭시 원하지 않게 창이 닫기게 된다.

아래의 방지코드를 넣게 되면 창이 닫기지 않게 된다.


dialog.setOnShowListener(new DialogInterface.OnShowListener() {
    @Override
    public void onShow(DialogInterface arg0) {
        Button positiveButton = ( (AlertDialog) arg0 ).getButton(AlertDialog.BUTTON_POSITIVE); 
        //Or AlertDialog.BUTTON_NEGATIVE
        positiveButton.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                //=========================
            }
        });
    }
});

확인 버튼과 취소 버튼에 대한 리스너를 달아주면 끝!

닫히지 않는 다이얼로그를 볼 수 있다.(닫을때 dismiss 하는 걸 잊으면 안돼요~)

AlertDialog.Builder 를 사용하면 create()를 실행하여 반드시 AlertDialog 객체를 생성한 뒤에 사용해야 setOnShowListener를 볼 수 있다.

이 댓글을 비밀 댓글로

[HTML5] 안드로이드 및 아이폰에서 input file 사용시 카메라 호출하기.

Posted by Find my true self Fimtrus
2013.12.09 11:09 Programming/Hybrid App

오랜만에 글쓰네요.

요즘 하이브리드 웹을 많이 사용하시는데요.

네이티브 코딩없이 카메라 호출하는 법에 대해 쓰겠습니다.

안드로이드의 경우 2.2버전 이하는 카메라를 호출 할 수 없습니다.(4.0이상, 2.2 이하 에서만 확인해봤습니다.ㅠ 2.3단말기가 없어서)

아이폰은...IOS 6 이상에서만 확인해 봤습니다.(아마 5이하는 안될듯 하네요)

흔히 input file을 사용할때


<input type="file"/>


type만 file로 옵션을 주는데요.

이러면 lg단말기나, 베가 단말에서는 카메라 라는 항목이 보이지 않을 수 있습니다.(삼성은 카메라 라는 항목이 뜨더군요. 얼마나 뜯어 고친건지...;)

하지만 

<input type="file" accept="image/*;capture=camera"/>

또는

<input type="file" accept="image/*" capture="camera"> 

accept 에 파일 형식을 쓰고, capture 항목에 camera 라고 써주면 

직접 카메라가 호출되는 것을 볼 수 있습니다.

안드로이드의 경우 둘다 잘되는데요.

아이폰에서는 후자의 경우에만 카메라로 연결되더군요.(전자의 경우 카메라 및 비디오로 연결됩니다)

전 후자의 방법을 추천합니다.

많은 도움이 되셨길 바라면서...


이 댓글을 비밀 댓글로
    • 2017.04.04 13:31
    비밀댓글입니다
    • 지나가던협객
    • 2018.07.04 10:35
    이럴수가... 사랑합니다....

[Android] GCM Test URL

Posted by Find my true self Fimtrus
2013.09.10 17:49 Programming/Android

일단..내가 필요하기때문에 간단하게 만들어 놨지만,

기능들은 점점 추가될 예정입니다. ( 지금은 하나만 저장되지만, 추후에,, 리스트 저장등..ㅎ)

링크 : GCM 테스트


이 댓글을 비밀 댓글로

[Javascript] input file 이미지 미리보기, 썸네일 보기, Thumbnail

Posted by Find my true self Fimtrus
2013.07.10 14:11 Programming/Hybrid App
/**
  * 이미지 썸네일을 불러오는 function
  * @param html : input 필드의 dom을 인자로 받는다. 물론 타입은 file
  * @param $target : 불러온 이미지를 적용할 jquery 객체.
  **/
function getThumbnail(html, $target) {
	if (html.files && html.files[0]) {
		var reader = new FileReader();
		reader.onload = function (e) {
			$target.css('background-image', 'url(\"' + e.target.result + '\")');
		}
		reader.readAsDataURL(html.files[0]);
	}
}


냉무.
이 댓글을 비밀 댓글로
  1. 안녕하세요 혹시 위 소스 사용법좀 알수있을까요?
    아래와 같이 코딩해서 테스트해보니 html.files 에서 에러가 발생하더라구여
    dom 객체를 어떤식으로 넘겨 주어야 하나요?
    감사합니다. 좋은하루되세요.
    ===============================================
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    function getThumbnail(html, $target) {
    if (html.files && html.files[0]) {

    var reader = new FileReader();
    reader.onload = function (e) {
    $target.css('background-image', 'url(\"' + e.target.result + '\")');
    }
    reader.readAsDataURL(html.files[0]);
    }
    }
    function filechange(){
    var $target = $("#test");
    var html = document.getElementById("file1");
    getThumbnail(html,$target);

    }
    </script>
    <div id="test"></div>
    <input id="file1" type="file" onchange="javascript:filechange();">
    • 제가 이제 봤네요...한동안 너무 바쁘게 지내서 블로그를 돌볼 시간이 없었어요.

      해결하셨다고 생각하지만 답변드릴께요.

      getThumbnail 이라는 function은 두개의 인자를 받습니다.

      첫번째는 input tag의 input document 객체, 즉 document.querySelector('input') 하였을때 나오는 객체를 말합니다.
      file dom을 말하는거죠..
      두번째인자인 target은 jquery 객체를 말하는건데....
      소스 보시면 알겠지만 읽어 들인 파일의 thumbnail을 표시할 객체입니다.
      img tag일수도 있고, background를 주기 위한 division일 수도 있습니다.
      저는 division에 background-image로 적용하였습니다.

      결론을 말씀드리면, html은 input tag의 dom 객체를 넘기면 됩니다.

      더 궁금하신게 있으시다면 답변바랍니다.

[Android] WebView(웹뷰) 신뢰할 수 없는 인증서 문제 해결.

Posted by Find my true self Fimtrus
2013.05.14 17:17 Programming/Android

https 사이트를 접속하려고할 때, 서버측 인증서에 문제가 없을 경우에는 발생하지 않지만, 인증서가 신뢰할 수 없을 때, 찾을 수 없는 페이지라는 에러를 받게 된다.

간단하게 WebView Setting으로 해결할 수 있다.

우선 WebClient를 만든다.

public class WebClient extends WebViewClient {}

그리고 Override Method 중, onReceivedSslError 를 추가한다.

public class WebClient extends WebViewClient {
@Override
public void onReceivedSslError(WebView view,
SslErrorHandler handler, SslError error){
handler.proceed();
}
}

그리고 WebView에 set 해주면!!.

mWebView.setWebViewClient(new WebClient());

정상적으로 동작하는 웹뷰를 볼수 있다.

이 댓글을 비밀 댓글로

[Android] 브라우저 디버깅. 콘솔창 열기.

Posted by Find my true self Fimtrus
2013.05.14 10:21 Programming/Android

안드로이드 내장 브라우저에서 콘솔창이 필요할 때가 있다.

간단하게 주소창에 아래의 코드를 입력하면 된다.

about:debug

그러면 상단에

SHOW JAVASCRIPT CONSOLE 이라는 탭이 생기게 된다!

이 댓글을 비밀 댓글로

[Android] ActionBarImpl 에러. Dialog 에러

Posted by Find my true self Fimtrus
2013.05.14 10:19 Programming/Android

안드로이드에서 스타일을 지정하였을때(특히 다이얼로그)

ICS 미만 버전에서는 이상없이 동작하다가, 이상부터 문제가 발생되는 경우가 있다.

ICS 이상버전부터는 스타일을 지정할 때, parent를 설정하도록 되어 있다.

parent가 설정되지 않았을 경우, 상위 스타일을 알 수 없기 때문에, 파서에서 에러를 발생시킨다.



이 댓글을 비밀 댓글로