"""Genererar en fristaende HTML-sida med klickbara falt per kamera.
In: annotations.json + m_first.jpg
Ut: contax-hyllan.html (allt inbakat, inga externa beroenden)
"""
import base64
import io
import json
from PIL import Image
ANNOTATIONS = 'annotations.json'
SOURCE_IMAGE = 'm_first.jpg'
OUTPUT = 'contax-hyllan.html'
MAX_WIDTH = 1600
JPEG_QUALITY = 85
def bild_som_data_url(path, max_width, quality):
im = Image.open(path).convert('RGB')
w, h = im.size
if w > max_width:
im = im.resize((max_width, round(h * max_width / w)), Image.LANCZOS)
buf = io.BytesIO()
im.save(buf, 'JPEG', quality=quality, optimize=True)
b64 = base64.b64encode(buf.getvalue()).decode('ascii')
return f'data:image/jpeg;base64,{b64}', len(buf.getvalue())
def till_procent(kameror, bredd, hojd):
for k in kameror:
x, y, w, h = k['bbox']
k['pct'] = {
'left': round(100 * x / bredd, 3),
'top': round(100 * y / hojd, 3),
'width': round(100 * w / bredd, 3),
'height': round(100 * h / hojd, 3),
}
return kameror
def main():
data = json.load(open(ANNOTATIONS, encoding='utf-8'))
bild = data['bild']
kameror = till_procent(data['kameror'], bild['bredd_px'], bild['hojd_px'])
data_url, byte_storlek = bild_som_data_url(SOURCE_IMAGE, MAX_WIDTH, JPEG_QUALITY)
hotspots = []
for i, k in enumerate(kameror, start=1):
p = k['pct']
etikett = k['modell'] or 'modell ej läsbar'
hotspots.append(
f''
)
rader = []
for i, k in enumerate(kameror, start=1):
etikett = k['modell'] or 'modell ej läsbar'
rader.append(
f''
)
poster = {k['id']: {
'nr': i,
'hylla': k['hylla'],
'pos': k['pos'],
'tillverkare': k['tillverkare'],
'modell': k['modell'],
'modell_sakerhet': k['modell_sakerhet'],
'objektiv': k['objektiv'],
'objektiv_sakerhet': k['objektiv_sakerhet'],
'objektiv_url': k.get('objektiv_url'),
'objektiv_blogg': k.get('objektiv_blogg'),
'objektiv_match': k.get('objektiv_match'),
'objektiv_kandidater': k.get('objektiv_kandidater', []),
'serienummer': k['serienummer'],
'notering': k['notering'],
} for i, k in enumerate(kameror, start=1)}
html = MALL.format(
titel=bild['beskrivning'],
data_url=data_url,
hotspots='\n '.join(hotspots),
rader='\n '.join(rader),
poster=json.dumps(poster, ensure_ascii=False),
antal=len(kameror),
kalla=bild['kalla'],
fotograf=bild['fotograf'],
)
with open(OUTPUT, 'w', encoding='utf-8') as f:
f.write(html)
print(f'{OUTPUT}: {len(html) / 1024:.0f} kB (varav bild {byte_storlek / 1024:.0f} kB)')
MALL = """
{titel}
{hotspots}
"""
if __name__ == '__main__':
main()