모바일 웹 앱 및 오디오 파일에 대한 오프라인 액세스

HTML5 캐시 매니페스트를 사용하여 모바일 웹 앱에서 오프라인 액세스 용 오디오 파일을 캐시 할 수 있습니까? 크기 제한이 작동하는 방식을 이해하지 못합니다. (iOS 용으로 5MB 제한을 읽었습니다.) 해당 사례 또는 우수 사례에 대한 자료가 없습니다. 당신의 도움이모바일 웹 앱 및 오디오 파일에 대한 오프라인 액세스

출처

2011-09-22 Jason Lince

참조 http://stackoverflow.com/questions/2970062/will-html5-support-the-access-of-offline-cached-audio 및 http://stackoverflow.com/questions/1612116/html5-local -storage-of-audio-element-source-it-possible –

이것들을 지적 해 주신 David에게 감사합니다. –

네위한

감사합니다 - 그들은 파일, 자바 스크립트, 또는 오디오 파일을 HTML이라면 앱 캐시에 나열된 모든 파일은 브라우저에 상관없이 캐시됩니다. CACHE 섹션에 명시 적으로 언급되어있는 한 오프라인에서 사용할 수 있습니다.

좋은 AppCache 자습서를 얻으려면 http://www.html5rocks.com/en/tutorials/appcache/beginner/을 확인하십시오.이 도구는 필요한 모든 것을 제공합니다.

크기 제한으로 인해 사용자 컴퓨터에 너무 많은 콘텐츠를 저장할 수 없습니다. 대부분의 경우 HTML, CSS, JavaScript 및 일부 이미지 만 저장하는 경우 문제가되지 않지만, 음악을 저장하는 경우에는 그 한계에 빨리 도달하게됩니다. 대부분의 브라우저는 최대 5 메가 (모든 콘텐츠에 대해)를 저장할 수 있도록 제한하므로주의해야합니다.

크롬에는 사이트를 개발할 때 앱 캐시 디버깅을위한 훌륭한 도구 모음이 있습니다. 개발자 도구를 열고 콘솔에서 무슨 일이 일어나는지 살펴 봅니다.

출처

2011-09-22 18:37:36 PeteLe

감사합니다. 나는이 5M 한도가 실제 한계가 아니라고 생각했다. 사용자에게 경고하고 5M 한도를 늘려야하는지 물었 기 때문이다. 그게 맞습니까? –

문제는 없습니다. 일부 브라우저는 프롬프트를 표시하지만 그렇지 않은 브라우저도 있습니다. 예를 들어, 모바일 브라우저는 대개 바탕 화면과 같이 프롬프트하지 않습니다. – PeteLe

이 답변은 이전 게시물 (http://stackoverflow.com/questions/2970062/will-html5-support-the-access-of-offline-cached-audio)과 충돌합니다. 그 게시물은 구식입니까, 아니면 다른 것을하고 있습니까? 네가 옳았 으면 좋겠어! – Crashalot

캐시 매니페스트 파일을 통한 오디오 파일의 캐싱은 여전히 버전 5.1까지의 Android 휴대 전화에서 작동하지 않습니다. 그런 기기가 없기 때문에 안드로이드 6이나 아이폰, 아이 패드는 말할 수 없다. 하지만 안드로이드 5.1과 안드로이드 3에서 2Kb 크기의 mp3 파일을 사용해 보았습니다. 200kb의 js 파일이 캐시 된 반면,이 파일들은 캐시되지 않았습니다.

현재의 솔루션은 mp3 파일을 기본 64로 인코딩하고 캐싱 할 수있는 js 파일에 넣는 것으로 보입니다. 그것의 좋은 묘사는 http://grinninggecko.com/2011/04/09/html5-offline-audio/에 찾아 낼 수있다.

출처

2015-11-17 09:18:58

모바일 웹 앱 및 오디오 파일에 대한 오프라인 액세스

답변

관련 문제