Files
luban-lite-t3e-pro/doc/topics/sdk/lvgl/lvgl-hw-decoder.html

209 lines
36 KiB
HTML
Raw Normal View History

2025-01-23 16:37:00 +08:00
<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-cn" lang="zh-cn" data-whc_version="26.0">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/><meta name="viewport" content="width=device-width, initial-scale=1.0"/><meta http-equiv="X-UA-Compatible" content="IE=edge"/><meta name="description" content="通过 lv_img_decoder_t 可以注册硬件解码器接口,从而提升图像加载和渲染的效率。 注册解码器过程如下所示; 定义一个解码器结构体,并初始化。 void aic_dec_create() { lv_img_decoder_t *aic_dec = lv_img_decoder_create(); /* init frame info lists */ ..."/><meta name="DC.rights.owner" content="(C) 版权 2025"/><meta name="copyright" content="(C) 版权 2025"/><meta name="generator" content="DITA-OT"/><meta name="DC.type" content="concept"/><meta name="DC.relation" content="../../../topics/sdk/lvgl/lvgl_design_guide.html"/><meta name="DC.relation" content="../../../topics/sdk/lvgl/lvgl-connecting-display.html"/><meta name="DC.relation" content="../../../topics/sdk/lvgl/lvgl-freetype.html"/><meta name="DC.contributor" content="yan.wang"/><meta name="DC.contributor" content="yan.wang"/><meta name="DC.date.modified" content="2024-01-15"/><meta name="DC.format" content="HTML5"/><meta name="DC.identifier" content="lvgl-hw-decoder"/><title>硬件解码对接</title><!-- Build number 2023110923. --><meta name="wh-path2root" content="../../../"/><meta name="wh-toc-id" content="lvgl-hw-decoder-d5856e4796"/><meta name="wh-source-relpath" content="topics/sdk/lvgl/lvgl-hw-decoder.dita"/><meta name="wh-out-relpath" content="topics/sdk/lvgl/lvgl-hw-decoder.html"/>
<link rel="stylesheet" type="text/css" href="../../../webhelp/app/commons.css?buildId=2023110923"/>
<link rel="stylesheet" type="text/css" href="../../../webhelp/app/topic.css?buildId=2023110923"/>
<script src="../../../webhelp/app/options/properties.js?buildId=20250121171154"></script>
<script src="../../../webhelp/app/localization/strings.js?buildId=2023110923"></script>
<script src="../../../webhelp/app/search/index/keywords.js?buildId=20250121171154"></script>
<script defer="defer" src="../../../webhelp/app/commons.js?buildId=2023110923"></script>
<script defer="defer" src="../../../webhelp/app/topic.js?buildId=2023110923"></script>
<link rel="stylesheet" type="text/css" href="../../../webhelp/template/aic-styles-web.css?buildId=2023110923"/><link rel="stylesheet" type="text/css" href="../../../webhelp/template/notes.css?buildId=2023110923"/><link rel="stylesheet" type="text/css" href="../../../webhelp/template/aic-common.css?buildId=2023110923"/><link rel="stylesheet" type="text/css" href="../../../webhelp/template/aic-images.css?buildId=2023110923"/><link rel="stylesheet" type="text/css" href="../../../webhelp/template/footnote.css?buildId=2023110923"/><link rel="stylesheet" type="text/css" href="../../../webhelp/template/aic-web-watermark.css?buildId=2023110923"/><link rel="stylesheet" type="text/css" href="../../../webhelp/template/topic-body-list.css?buildId=2023110923"/></head>
<body id="lvgl-hw-decoder" class="wh_topic_page frmBody">
<a href="#wh_topic_body" class="sr-only sr-only-focusable">
跳转到主要内容
</a>
<header class="navbar navbar-default wh_header">
<div class="container-fluid">
<div class="wh_header_flex_container navbar-nav navbar-expand-md navbar-dark">
<div class="wh_logo_and_publication_title_container">
<div class="wh_logo_and_publication_title">
<a href="http://www.artinchip.com" class=" wh_logo d-none d-sm-block "><img src="../../../company-logo-white.png" alt="RTOS SDK 使用指南SDK 指南文件"/></a>
<div class=" wh_publication_title "><a href="../../../index.html"><span class="booktitle"><span class="ph mainbooktitle">RTOS SDK 使用指南</span><span class="ph booktitlealt">SDK 指南文件</span></span></a></div>
</div>
</div>
<div class="wh_top_menu_and_indexterms_link collapse navbar-collapse" id="wh_top_menu_and_indexterms_link">
</div>
</div>
</div>
</header>
<div class=" wh_search_input navbar-form wh_topic_page_search search " role="form">
<form id="searchForm" method="get" role="search" action="../../../search.html"><div><input type="search" placeholder="搜索 " class="wh_search_textfield" id="textToSearch" name="searchQuery" aria-label="搜索查询" required="required"/><button type="submit" class="wh_search_button" aria-label="搜索"><span class="search_input_text">搜索</span></button></div></form>
</div>
<div class="container-fluid" id="wh_topic_container">
<div class="row">
<nav class="wh_tools d-print-none navbar-expand-md" aria-label="Tools">
<div data-tooltip-position="bottom" class=" wh_breadcrumb "><ol class="d-print-none"><li><span class="home"><a href="../../../index.html"><span>主页</span></a></span></li><li><div class="topicref" data-id="id"><div class="title"><a href="../../../topics/sdk/chapter-advanced-app.html">高级应用</a><div class="wh-tooltip"><p class="shortdesc">系统、存储、多媒体、接口、安全等模块的详细配置和设计说明。</p></div></div></div></li><li><div class="topicref" data-id="concept_mcc_32s_nbc"><div class="title"><a href="../../../topics/chapter-title/chapter-multi-media-sdk.html">多媒体</a><div class="wh-tooltip"><p class="shortdesc">GE、VE、Display、DVP、MPP、MPP 播放器等多媒体模块的介绍和使用说明。</p></div></div></div></li><li><div class="topicref" data-id="id"><div class="title"><a href="../../../topics/sdk/lvgl/lvgl_introduction.html">LVGL 使用指南</a></div></div></li><li><div class="topicref" data-id="id"><div class="title"><a href="../../../topics/sdk/lvgl/lvgl_design_guide.html">设计说明</a></div></div></li><li class="active"><div class="topicref" data-id="lvgl-hw-decoder"><div class="title"><a href="../../../topics/sdk/lvgl/lvgl-hw-decoder.html">硬件解码对接</a></div></div></li></ol></div>
<div class="wh_right_tools">
<button class="wh_hide_highlight" aria-label="切换搜索突出显示" title="切换搜索突出显示"></button>
<button class="webhelp_expand_collapse_sections" data-next-state="collapsed" aria-label="折叠截面" title="折叠截面"></button>
<div class=" wh_navigation_links "><span id="topic_navigation_links" class="navheader">
<span class="navprev"><a class="- topic/link link" href="../../../topics/sdk/lvgl/lvgl-connecting-display.html" title="显示对接" aria-label="上一主题: 显示对接" rel="prev"></a></span>
<span class="navnext"><a class="- topic/link link" href="../../../topics/sdk/lvgl/lvgl-freetype.html" title="第三方 FreeType 库支持" aria-label="下一主题: 第三方 FreeType 库支持" rel="next"></a></span> </span></div>
<div class=" wh_print_link print d-none d-md-inline-block "><button onClick="window.print()" title="打印此页" aria-label="打印此页"></button></div>
<button type="button" id="wh_toc_button" class="custom-toggler navbar-toggler collapsed wh_toggle_button navbar-light" aria-expanded="false" aria-label="Toggle publishing table of content" aria-controls="wh_publication_toc">
<span class="navbar-toggler-icon"></span>
</button>
</div>
</nav>
</div>
<div class="wh_content_area">
<div class="row">
<nav id="wh_publication_toc" class="col-lg-3 col-md-3 col-sm-12 d-md-block d-none d-print-none" aria-label="Table of Contents Container">
<div id="wh_publication_toc_content">
<div class=" wh_publication_toc " data-tooltip-position="right"><span class="expand-button-action-labels"><span id="button-expand-action" role="button" aria-label="Expand"></span><span id="button-collapse-action" role="button" aria-label="Collapse"></span><span id="button-pending-action" role="button" aria-label="Pending"></span></span><ul role="tree" aria-label="Table of Contents"><li role="treeitem"><div data-tocid="revinfo_linux-d5856e989" class="topicref" data-id="revinfo_linux" data-state="leaf"><span role="button" class="wh-expand-btn"></span><div class="title"><a href="../../../topics/revinfo/revinfo_rtos.html" id="revinfo_linux-d5856e989-link">修订记录</a></div></div></li><li role="treeitem" aria-expanded="false"><div data-tocid="id-d5856e1003" class="topicref" data-id="id" data-state="not-ready"><span role="button" tabindex="0" aria-labelledby="button-expand-action id-d5856e1003-link" class="wh-expand-btn"></span><div class="title"><a href="../../../topics/sdk/env/sdk-compile.html" id="id-d5856e1003-link">SDK 编译</a><div class="wh-tooltip"><p class="shortdesc">介绍不同编译环境下 SDK 的详细编译流程。</p></div></div></div></li><li role="treeitem" aria-expanded="false"><div data-tocid="id-d5856e1152" class="topicref" data-id="id" data-state="not-ready"><span role="button" tabindex="0" aria-labelledby="button-expand-action id-d5856e1152-link" class="wh-expand-btn"></span><div class="title"><a href="../../../topics/sdk/advanced/sdk-usage.html" id="id-d5856e1152-link">使用指南</a><div class="wh-tooltip"><p class="shortdesc">系统镜像、编译选项、开发板、应用等相关的详细使用说明。</p></div></div></div></li><li role="treeitem" aria-expanded="false"><div data-tocid="concept_rcx_czh_pzb-d5856e1416" class="topicref" data-id="concept_rcx_czh_pzb" data-state="not-ready"><span role="button" tabindex="0" aria-labelledby="button-expand-action concept_rcx_czh_pzb-d5856e1416-link" class="wh-expand-btn"></span><div class="title"><a href="../../../topics/sdk/chapter-app.html" id="concept_rcx_czh_pzb-d5856e1416-link">应用场景</a><div class="wh-tooltip"><p class="shortdesc">描述了 SDK 在不同应用场景中的配置和使用包括系统更新、OTA、安全方案等。</p></div></div></div></li><li role="treeitem" aria-expanded="false"><div data-tocid="id-d5856e2119" class="topicref" data-id="id" data-state="not-ready"><span role="button" tabindex="0" aria-labelledby="button-expand-action id-d5856e2119-link" class="wh-expand-btn"></span><div class="title"><a href="../../../topics/sdk/peripheral/peripheral-intro.html" id="id-d5856e2119-link">外设移植</a><div class="wh-tooltip"><p class="shortdesc"><span class="ph">CTP、U 盘、SD 卡、有线和无线网络</span>等外设的介绍和使用说明。</p></div></div></div></li><li role="treeitem" aria-expanded="false"><div data-tocid="id-d5856e2244" class="topicref" data-id="id" data-state="not-ready"><span role="button" tabindex="0" aria-labelledby="button-expand-action id-d5856e2244-link" class="wh-expand-btn"></span><div class="title"><a href="../../../topics/sdk/bringup/chapter-bringup.html" id="id-d5856e2244-link">BringUp</a><div class="wh-tooltip"><p class="shortdesc">在硬件上电后快速初始化系统,为操作系统的启动准备好必要的硬件环境。</p></div></div></div></li><li role="treeitem" aria-expanded="true"><div data-tocid="id-d5856e2345" class="topicref" data-id="id" data-state="expanded"><span role="button" tabindex="0" aria-labelledby="button-collapse-action id-d5856e2345-link" class="wh-expand-btn"></span><div class="title"><a href="../../../topics/sdk/chapter-advanced-app.html" id="id-d5856e2345-link">高级应用</a><div class="wh-tooltip"><p class="shortdesc">系统、存储、多媒体、接口、安全等模块的详细配置和设计说明。</p></div></div></div><ul role="group" class="navbar-nav nav-list"><li role="treeitem" aria-expanded="false"><div data-tocid="_0-d5856e2360" class="topicref" data-id="_0" data-state="not-ready"><spa
</div>
</nav>
<div class="col-lg-9 col-md-9 col-sm-12" id="wh_topic_body">
<button id="wh_close_publication_toc_button" class="close-toc-button d-none" aria-label="Toggle publishing table of content" aria-controls="wh_publication_toc" aria-expanded="true">
<span class="close-toc-icon-container">
<span class="close-toc-icon"></span>
</span>
</button>
<div class=" wh_topic_content body "><main role="main"><article class="- topic/topic concept/concept topic concept" role="article" aria-labelledby="ariaid-title1"><span class="edit-link" style="font-size:12px; opacity:0.6; text-align:right; vertical-align:middle"><a target="_blank" href="http://172.16.35.88/tasks/jdssno1uvvbf2mltu9kb9v3if05d5gopuakboe8hlud18rma/edit/F:/aicdita/aicdita-cn/topics/sdk/lvgl/lvgl-hw-decoder.dita">Edit online</a></span><h1 class="- topic/title title topictitle1" id="ariaid-title1">硬件解码对接</h1><div class="date inPage">15 Jan 2024</div><div style="color: gray;">
Read time: 1 minute(s)
</div><div class="- topic/body concept/conbody body conbody"><p class="- topic/p p" data-ofbid="d330668e24__20250121171832">通过 <span class="+ topic/keyword pr-d/apiname keyword apiname">lv_img_decoder_t</span> 可以注册硬件解码器接口,从而提升图像加载和渲染的效率。</p><div class="- topic/p p" data-ofbid="d330668e29__20250121171832">注册解码器过程如下所示;<ol class="- topic/ol ol" id="lvgl-hw-decoder__ol_drs_4dh_fdc" data-ofbid="lvgl-hw-decoder__ol_drs_4dh_fdc"><li class="- topic/li li" data-ofbid="d330668e32__20250121171832">定义一个解码器结构体,并初始化。<pre class="+ topic/pre pr-d/codeblock pre codeblock language-c" id="lvgl-hw-decoder__codeblock_iz5_m1g_fdc" data-ofbid="lvgl-hw-decoder__codeblock_iz5_m1g_fdc"><strong class="hl-keyword">void</strong> aic_dec_create()
{
lv_img_decoder_t *aic_dec = lv_img_decoder_create();
<em class="hl-comment">/* init frame info lists */</em>
mpp_list_init(&amp;buf_list);
lv_img_decoder_set_info_cb(aic_dec, aic_decoder_info);
lv_img_decoder_set_open_cb(aic_dec, aic_decoder_open);
lv_img_decoder_set_close_cb(aic_dec, aic_decoder_close);
}</pre></li><li class="- topic/li li" data-ofbid="d330668e36__20250121171832">实现 <span class="+ topic/keyword pr-d/apiname keyword apiname">aic_decoder_info</span> 回调函数,用于获取图片的宽度、高度和格式信息。</li><li class="- topic/li li" data-ofbid="d330668e41__20250121171832">实现 <span class="+ topic/keyword pr-d/apiname keyword apiname">aic_decoder_open</span> 回调函数,用于申请解码输出 buffer。</li><li class="- topic/li li" data-ofbid="d330668e46__20250121171832">实现 <span class="+ topic/keyword pr-d/apiname keyword apiname">aic_decoder_close</span> 回调函数,用于释放硬件解码资源。</li><li class="- topic/li li" data-ofbid="d330668e51__20250121171832">在绘制函数 <span class="+ topic/keyword pr-d/apiname keyword apiname">draw_img_decoded</span>中,通过注册解码器回调去获取需要的解码后数据,默认的图片处理流程如下所示:<figure class="- topic/fig fig fignone" id="lvgl-hw-decoder__id20" data-ofbid="lvgl-hw-decoder__id20"><br/><div class="imagecenter"><img class="- topic/image image imagecenter" id="lvgl-hw-decoder__image_m1h_1zf_fdc" src="../../../images/lvgl/draw_img_decoded.png" alt="draw_img_decoded"/></div><br/><figcaption data-caption-side="bottom" class="- topic/title title figcapcenter"><span class="figtitleprefix fig--title-label"><span class="fig--title-label-number"> 1</span><span class="fig--title-label-punctuation">. </span></span><span class="fig--title">draw_img_decoded </span></figcaption></figure><ul class="- topic/ul ul simple" id="lvgl-hw-decoder__ul_n1h_1zf_fdc" data-ofbid="lvgl-hw-decoder__ul_n1h_1zf_fdc"><li class="- topic/li li" data-ofbid="d330668e63__20250121171832">
<p class="- topic/p p" data-ofbid="d330668e65__20250121171832">采用此流程需要额外申请一块解码 buffer占用内存增加。</p>
</li><li class="- topic/li li" data-ofbid="d330668e68__20250121171832">
<p class="- topic/p p" data-ofbid="d330668e70__20250121171832">缓存解码后的 buffer下次再显示同样的 image不用重复解码加快 UI 加载速度。</p>
</li></ul><p class="- topic/p p" data-ofbid="d330668e73__20250121171832">当绘制函数为 draw_img 时,硬件解码在函数 draw_img
内部,无需注册解码回调函数,默认不采用此方法。在内存受限的场景下,可以评估此方法是否可满足场景需求。</p><figure class="- topic/fig fig fignone" id="lvgl-hw-decoder__id21" data-ofbid="lvgl-hw-decoder__id21"><br/><div class="imagecenter"><img class="- topic/image image imagecenter" id="lvgl-hw-decoder__image_o1h_1zf_fdc" src="../../../images/lvgl/draw_img.png" alt="draw_img"/></div><br/><figcaption data-caption-side="bottom" class="- topic/title title figcapcenter"><span class="figtitleprefix fig--title-label"><span class="fig--title-label-number"> 2</span><span class="fig--title-label-punctuation">. </span></span><span class="fig--title">draw_img</span></figcaption></figure><ul class="- topic/ul ul simple" id="lvgl-hw-decoder__ul_p1h_1zf_fdc" data-ofbid="lvgl-hw-decoder__ul_p1h_1zf_fdc"><li class="- topic/li li" data-ofbid="d330668e82__20250121171832">
<p class="- topic/p p" data-ofbid="d330668e84__20250121171832">采用此流程无需额外申请解码 buffer直接解码到绘制 buffer</p>
</li><li class="- topic/li li" data-ofbid="d330668e87__20250121171832">
<p class="- topic/p p" data-ofbid="d330668e89__20250121171832">当需要进行 alpha blending 的时候,此方法不可行</p>
</li><li class="- topic/li li" data-ofbid="d330668e92__20250121171832">
<p class="- topic/p p" data-ofbid="d330668e94__20250121171832">每次都要重新对 image 解码,速度不如 draw_img_decoded</p>
</li><li class="- topic/li li" data-ofbid="d330668e97__20250121171832">
<p class="- topic/p p" data-ofbid="d330668e99__20250121171832">当硬件解码不支持裁剪的时进行局部更新,此方法不可行</p>
</li></ul></li><li class="- topic/li li" data-ofbid="d330668e102__20250121171832">通过 <span class="+ topic/keyword pr-d/apiname keyword apiname">lv_img_cache_set_size</span> 设置缓存的图片数量,以优化 UI
流畅性。<p class="- topic/p p" data-ofbid="d330668e107__20250121171832">如果图片的读取时间或者解码时间比较长,采用图片缓存机制可以提升 UI 流畅性:</p><ol class="- topic/ol ol arabic simple" type="a" id="lvgl-hw-decoder__ol_q1h_1zf_fdc" data-ofbid="lvgl-hw-decoder__ol_q1h_1zf_fdc"><li class="- topic/li li" data-ofbid="d330668e110__20250121171832">
<p class="- topic/p p" data-ofbid="d330668e112__20250121171832"><strong class="+ topic/ph hi-d/b ph b">打开或关闭图片缓冲机制</strong></p>
<div class="- topic/p p" data-ofbid="d330668e116__20250121171832"><span class="+ topic/ph sw-d/filepath ph filepath">lv_conf.h</span> 文件中,采用 lv_img_decoder_t
提供的接口注册的解码器,控制是否启用 LVGL 内部的图片缓冲机制:<ul class="- topic/ul ul" id="lvgl-hw-decoder__ul_s4v_vgh_fdc" data-ofbid="lvgl-hw-decoder__ul_s4v_vgh_fdc"><li class="- topic/li li" data-ofbid="d330668e122__20250121171832">宏定义 LV_IMG_CACHE_DEF_SIZE 为 1 表示打开图片缓冲机制。</li><li class="- topic/li li" data-ofbid="d330668e124__20250121171832">宏定义 LV_IMG_CACHE_DEF_SIZE 为 0 表示关闭图片缓冲机制。</li></ul></div>
</li><li class="- topic/li li" data-ofbid="d330668e127__20250121171832"><strong class="+ topic/ph hi-d/b ph b">设置缓存的图片张数</strong><p class="- topic/p p" data-ofbid="d330668e130__20250121171832">通过 void lv_img_cache_set_size(uint16_t entry_cnt)
来设置缓冲的图片张数</p><p class="- topic/p p" data-ofbid="d330668e132__20250121171832">图以张数为单位进行缓存。例如,设置缓存的图片张数为 10。</p></li><li class="- topic/li li" data-ofbid="d330668e134__20250121171832"><strong class="+ topic/ph hi-d/b ph b"> 图片缓存价值判断</strong><p class="- topic/p p" data-ofbid="d330668e137__20250121171832">当图片缓存到设置的最大张数时,如果需要新的缓存,图片缓存机制内部会进行图片缓存价值的判断。
例如,某张图片解码的时间比较久或使用频繁高,则其缓存价值打分会更高,需要优先缓存这类图片。</p></li></ol></li></ol></div><div class="table-container"><table class="- topic/table table frame-all" id="lvgl-hw-decoder__table_l1h_1zf_fdc" data-ofbid="lvgl-hw-decoder__table_l1h_1zf_fdc" data-cols="2"><caption class="- topic/title title tablecap" data-caption-side="top" data-is-repeated="true"><span class="table--title-label"><span class="table--title-label-number"> 1</span><span class="table--title-label-punctuation">. </span></span><span class="table--title"><span class="+ topic/keyword pr-d/apiname keyword apiname">lv_img_decoder_t</span> 注册接口说明</span></caption><colgroup><col style="width:37.453183520599254%"/><col style="width:62.546816479400746%"/></colgroup><thead class="- topic/thead thead"><tr class="- topic/row"><th class="- topic/entry entry colsep-1 rowsep-1" id="lvgl-hw-decoder__table_l1h_1zf_fdc__entry__1">函数</th><th class="- topic/entry entry colsep-0 rowsep-1" id="lvgl-hw-decoder__table_l1h_1zf_fdc__entry__2">说明</th></tr></thead><tbody class="- topic/tbody tbody"><tr class="- topic/row"><td class="- topic/entry entry colsep-1 rowsep-1" headers="lvgl-hw-decoder__table_l1h_1zf_fdc__entry__1">aic_decoder_info</td><td class="- topic/entry entry colsep-0 rowsep-1" headers="lvgl-hw-decoder__table_l1h_1zf_fdc__entry__2">获取图片宽、高、图片格式信息</td></tr><tr class="- topic/row"><td class="- topic/entry entry colsep-1 rowsep-1" headers="lvgl-hw-decoder__table_l1h_1zf_fdc__entry__1">aic_decoder_open</td><td class="- topic/entry entry colsep-0 rowsep-1" headers="lvgl-hw-decoder__table_l1h_1zf_fdc__entry__2">申请解码输出 buffer硬件解码输出</td></tr><tr class="- topic/row"><td class="- topic/entry entry colsep-1 rowsep-0" headers="lvgl-hw-decoder__table_l1h_1zf_fdc__entry__1">aic_decoder_close</td><td class="- topic/entry entry colsep-0 rowsep-0" headers="lvgl-hw-decoder__table_l1h_1zf_fdc__entry__2">释放硬件解码资源(包括输出 buffer</td></tr></tbody></table></div></div></article></main></div>
</div>
</div>
</div>
</div>
<footer class="navbar navbar-default wh_footer">
<div class=" footer-container mx-auto ">
<title>footer def</title>
<style><!--
.p1 {
font-family: FangZhengShuSong, Times, serif;
}
.p2 {
font-family: Arial, Helvetica, sans-serif;
}
.p3 {
font-family: "Lucida Console", "Courier New", monospace;
}
--></style>
<div class="webhelp.fragment.footer">
<p class="p1">Copyright © 2019-2024 广东匠芯创科技有限公司. All rights reserved.</p>
</div><div>
<div class="generation_time">
Update Time: 2025-01-21
</div>
</div>
</div>
</footer>
<div id="go2top" class="d-print-none">
<span class="oxy-icon oxy-icon-up"></span>
</div>
<div id="modal_img_large" class="modal">
<span class="close oxy-icon oxy-icon-remove"></span>
<div id="modal_img_container"></div>
<div id="caption"></div>
</div>
<script src="${pd}/publishing/publishing-styles-AIC-template/js/custom.js" defer="defer"></script>
</body>
</html>