동시에 두 번 이상 사운드를 재생하려면 요소를 복제해야 합니다. 이것은 Google 크롬에서 작동합니다 - var sound = document.getElementById("incomingMessageSound") var sound2 = sound.cloneNode(); sound.play() sound2.play() cloneNode 노드의 복제본을 반환하는 데 유용하고 사운드를 다시 실행하는 데 도움이 됩니다.
html5shiv를 시도해야 합니다. IE에서 HTML5 요소를 활성화하려면 html5shiv와 같은 플러그인을 사용해야 합니다. HTML5 Shiv는 레거시 Internet Explorer에서 HTML5 섹션 요소를 사용할 수 있게 하고 Internet Explorer 6-9에 대한 기본 HTML5 스타일을 제공합니다. 이와 함께 document.createElement도 사용할 수 있습니다. 요소를 생성합니다. var demo = document.createElement("demo"); demo.innerHT
이를 위해 현재 캔버스에 그리기 위한 임시 캔버스를 만듭니다. 그 후 임시 캔버스에서 toDataUrl() 메소드를 사용하십시오 - var c = document.getElementsByTagName("canvas"); var ctx = c[0].getContext("2d"); var data = ctx.getImageData(0, 0, c[0].width, c[0].height); var compositeOperation = ctx.globalCompositeOperation; ctx.glob
즉, 온라인으로 로그인하는 동안 먼저 서버에 대해 인증해야 하며 작동하는 경우 데이터베이스에 사용자 이름과 해시된 암호를 저장합니다. 데이터베이스에서 계정을 찾을 수 있으면 사용자가 마지막으로 로그인한 이후에 암호를 변경한 경우에만 새 해시를 생성해야 합니다. 또한 로컬 데이터베이스에 대해 인증해야 합니다. 앱의 온라인 버전을 사용하여 한 번 이상 로그인하십시오.
다음은 콘솔에 오류를 기록하는 Web Worker JavaScript 파일의 오류 처리 기능의 예를 보여줍니다. 예시 <!DOCTYPE HTML> <html> <head> <title>Big for loop</title> <script> var worker = new Worker('bigLoop.js
ember-localstorage 어댑터를 사용합니다. App.store = DS.Store.create({ revision: 11, adapter: DS.LSAdapter.create() }); 예시 클라이언트 측 스토리지에 사용할 어댑터를 정의해야 합니다. − App.Store = DS.SyncStore.extend({ revision: 10, adapter: DS.IndexedDB.adapter({
HTML5 Canvas에서 큰 글꼴을 제대로 그리려면 다음 코드를 실행해 보세요. − var myCanvas = document.getElementById("myCanvas"); var context = myCanvas.getContext("2d"); context.font = '180pt Georgia'; context.strokeStyle = "#FF0000"; context.fillStyle = "#FFFFFF "; context.lineW
PhoneGap은 모바일 애플리케이션을 개발하는 데 사용되는 Adobe System의 소프트웨어 개발 프레임워크입니다. PhoneGap은 iOS, Android, BlackBerry 및 Windows Mobile OS 등과 같은 인기 있는 모든 모바일 OS 플랫폼용 앱을 생산합니다. HTML5 오디오 지원은 코덱 라이선스 문제 및 OS 구현으로 인해 여러 장치에서 일관되지 않습니다. MP3 파일의 경우 모든 플랫폼에서 안정적인 오디오 프로그래밍을 제공하는 PhoneGap의 Media 클래스를 사용하여 처리합니다. 오디오 및 폴리
Appcache는 브라우저가 방문하는 특정 페이지와 관련하여 사이트에 존재하는 파일을 지정하기 위해 웹 브라우저에서 사용됩니다. Safari는 AppCache 표준을 보다 엄격하게 따르며 AppCache에 없는 웹 주소에 대한 요청을 확인합니다. 요청이 차단되지 않도록 하려면 −를 사용하세요. NETWORK: * https://* https://*
클릭 시 베지어 경로 모양을 감지하려면 다음 코드를 시도하십시오 - 예시 var l = boxes.length; for (var i = l-1; i >= 0; i--) { drawshape(gctx, boxes[i], 'black', 'black'); var imgData = gctx.getImageData(mx, my, 1, 1); var index = (mx + my * imgData.width) * 4; &nbs
더블 클릭 텍스트 문제를 방지하려면 − var canvas1 = document.getElementById('c'); canvas1.onselectstart = function () { return false; } 참고 − 캔버스는 페이지 너비를 채우지 않아야 하며 너비는 100픽셀에 불과합니다.
HTML5 동영상 태그를 사용하여 특정 시간의 동영상을 재생하려면 다음 수정을 시도하세요. 웹 서버는 바이트 범위를 사용하여 문서를 제공할 수 있어야 합니다. Google 크롬 웹 브라우저는 이것이 작동하기를 원합니다. 이것이 해결되지 않으면 탐색이 비활성화되고 currentTime을 설정해도 작동하지 않습니다. 허용하는 경우 웹 서버 테스트 - curl --dump-header - -r0-0 https://theurl
일부 웹 브라우저에서는 확인란을 기본 기본 스타일로 재설정할 수 없습니다. 이를 시도하고 스타일에 대한 모든 유형의 입력을 나열할 수 있습니다 − input[type="text"], input[type="password"] { border: 2px solid green; } CSS3 의사 클래스를 사용할 수도 있지만 IE 11에서 작동하거나 작동하지 않을 수 있습니다. − input:not([type="checkbox"]) { bor
크로스 브라우저 HTML 파일 업로더의 경우 FileDrop을 사용하십시오. 거의 모든 최신 웹 브라우저에서 작동합니다. 공식 사양에 따름 - FileDrop은 HTML5, 레거시, AJAX, 드래그 앤 드롭, JavaScript 파일 업로드를 위한 독립형 크로스 브라우저입니다.
제대로 작동하려면 모든 목록 항목이 이미 생성되었을 때 발생하는 xhr 진행 이벤트를 해결해야 합니다. xhr 무엇을 하고 싶은지 알아야 합니다 - var a = new XMLHttpRequest(); a.upload.li = li; a.upload.addEventListener('progress', function(e) { var pc = parseInt(event.loaded / event.total * 100); this.li.find(".progres
파일을 바이너리 문자열로 읽고 multipart/form-data 요청을 수동으로 구성하는 경우 이 문제가 발생할 수 있습니다. xhr.send(File)를 시도하고 사용하고 모든 목록 항목이 이미 생성되었을 때 발생하는 xhr 진행 이벤트를 해결해야 합니다. 예시 다음은 업로드 기능입니다 - function display(url, files) { var myForm = new FormData(); for (var j = 0, file; file = files[j]; ++j) { &n
Geolocation enableHighAccuracy의 경우 true로 설정해야 합니다. − enableHighAccuracy: true 여전히 결과를 얻는 데 실패하면(예:시간 초과 오류 처리)를 사용하여 다시 시도하십시오. enableHighAccuracy: false 위의 방법은 Android, Chrome 및 Firefox에서도 작동합니다.
HTML 블록을 하나씩 재생하려면 먼저 다음 HTML을 사용하십시오 - <audio id = "one"> <source src = "new1.mp3" type = "audio/mp3"> </audio > <audio id = "two"> <source src = "new2.mp3" type = "audio/mp3"> </a
선택하려면 래퍼 함수를 정의해야 합니다. − function display ( file ) { if ( window.webkitURL ) { return window.webkitURL.createObjectURL( file ); } else if ( window.URL && window.URL.createObjectURL ) { return window.URL.display( file ); &n
KeyDown 이벤트를 수신하려면 −를 사용하세요. if(keyIsPressed && keycode == somenumber) { doSomething(); } KeyDown 캡처 - var canvas1 = layer.getCanvas()._canvas; $(canvas1).attr('tabindex', 1); canvas1.focus(); $(canvas1).keydown(function (event) { console.log(event); });