…L@ dmXW,áÞ@X K" Y^ÒšTy"È¡a"²* µöz½0uü°êN(x`¶X@œKb†õ`¬'¨˜å„ûëu^ÉAŠüL‚_UÞÊÒ±dÏL?ⶠ‡ržaÛgôõ#E‘Nuš”ɬY ó§bidrddates2023-05-23T23:55:00etitlexc謎ファイルHEICã¨ä»²è‰¯ããªã‚ã†ã€ãƒ–ラウザã¨Denoã§ä½¿ãˆã‚‹ESモジュール HEIC.jsdtagsi#js #denocurlxhttps://fukuno.jig.jp/3954dbodyy à
iPhoneã§æ’®ã£ãŸå†™çœŸã‚’PCã«è»¢é€ã™ã‚‹ã¨.HEICã¨ã„ã†æ‹¡å¼µåã«ãªã£ã¦ã„ã¾ã™ã€‚ã“ã‚Œã¯å†™çœŸå‘ã‘ã®å‹•ç”»ã®åœ§ç¸®æŠ€è¡“を応用ã—ãŸã€æ¯”較的新ã—ã„éžå¯é€†åœ§ç¸®ã‚¢ãƒ«ã‚´ãƒªã‚ºãƒ ã«ã‚ˆã‚‹ç”»åƒãƒ•ã‚¡ã‚¤ãƒ«å½¢å¼ã§ã™ãŒã€ãƒ–ラウザã§ã‚‚表示ã§ããšã€å¯¾å¿œã‚¢ãƒ—リも少ãªã„ã®ãŒç¾çŠ¶ã§ã™ã€‚（写真ã¯ã€æ±äº¬éƒ½å‰¯çŸ¥äº‹å®®å‚ã•ã‚“ã¨ç¦äº•çœŒæƒ…å ±ã‚·ã‚¹ãƒ†ãƒ å·¥æ¥ä¼šç·ä¼šæ‡‡è«‡ä¼šæ™‚）
è¨å®šã®äº’æ›æ€§å„ªå…ˆã«ã™ã‚‹ã¨å¾“æ¥ã©ãŠã‚ŠJPEGã«ãªã‚Šã¾ã™ãŒã€åœ§ç¸®åŠ¹çŽ‡ãŒæ‚ªã„ãŸã‚サイズãŒå¤§ããストレージを無駄ã«ã—ã¦ã—ã¾ã†ã®ã§ã€ã†ã¾ã付ãåˆã„ãŸã„ã¨ã“ã‚。ãã“ã§æ´»èºã€ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ï¼
「code4fukui/HEICã€
オープンソースãªãƒ©ã‚¤ãƒ–ラリ「strukturag/libheifã€ã‚’ESモジュールã¨ã—ã¦æ°—軽ã«æ‰±ãˆã‚‹ã‚ˆã†ã«æ•´ãˆã¾ã—ãŸã€‚
ブラウザやDenoã§ã€ä¸‹è¨˜ã®ã‚ˆã†ã«ç°¡å˜ã«HEICç”»åƒã‚’デコードã§ãã¾ã™ã€‚
import { HEIC } from "https://code4fukui.github.io/HEIC/HEIC.js";
const data = new Uint8Array(await (await fetch("./test.heic")).arrayBuffer());
const img = await HEIC.decode(data);
console.log(img);
「input-img demoã€src on GitHub
input-imgã‚¿ã‚°ã‚‚HEICã«å¯¾å¿œã€‚下記ã®ã‚ˆã†ã«ã€HTML拡張タグを使ã£ãŸç°¡å˜ãªã‚³ãƒ¼ãƒ‰ã§HEIC対応ã®å†™çœŸãƒ‡ãƒ¼ã‚¿ã‚’アップãƒãƒ¼ãƒ‰ã™ã‚‹ã‚µãƒ¼ãƒ“スãŒé–‹ç™ºã§ãã¾ã™ã€‚
<script type="module" src="https://code4fukui.github.io/input-img/input-img.js"></script>
<input-img id=img maxwidth=500></input-img>
ESモジュールã¯ä¸‹è¨˜ã®ã‚ˆã†ã«import関数を使ã£ã¦ã€å¿…è¦ãªæ™‚ã«ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚最åˆã«é–‹ã„ãŸã¨ãã®ãƒ¬ã‚¹ãƒãƒ³ã‚¹ãŒæ—©ããªã£ã¦ä¾¿åˆ©ã§ã™ã€‚
let img = null;
if (file.name.toLowerCase().endsWith(".heic")) {
const { HEIC } = await import("https://code4fukui.github.io/HEIC/HEIC.js");
const data = new Uint8Array(await readAsArrayBufferAsync(file));
const imgdata = await HEIC.decode(data);
img = await imgutil.getImageByImageData(imgdata);
} else {
img = new Image();
img.src = URL.createObjectURL(file);
await imgutil.waitImageLoad(img);
}
imgutil.js
cimgxKhttps://img.sabae.cc/data/20230524/eee9092c-8178-4920-9698-449bba5fc093.jpg