自己收藏了一些古画，为观赏方便些，自己想办法制作了适于用手机观看的小视频，下面以《唐寅画作观赏》为例，大致记述一下制作要点备忘。<div><br></div><div>收集的这些唐寅画作大多取自美篇和公众号，部分图片是用百度搜索获取的，这些图片幅面宽高比例各不相同，如下图所示：</div> 用手机视频制作软件在常用的9比16比例高幅面视频中使用这些图片时，需仔细调节图片的幅面大小和位置，即麻烦又难以获得满意效果，特别是那些幅面很宽的图片需将图片放大许多倍才能实现纵向满屏显示，而视频制作软件在放大图片时是会产生失真的，放大倍数越大失真就越严重越模糊，且图片放大后的移动会使手机和电脑感到吃力，从而产生移动速动不稳甚至出现卡顿现象。为减少这种现象，有些很宽的图片会被切分为若干段（比如本例中的“溪山渔隐图轴”就被切分成四段），而这样又会出现各分段间如何实现全程准确连接与同速移动的问题，这在手机视频制作软件上是较难做好的。 <p class="ql-block">自己觉得，在电脑上用代码技术组织图片切换等动态效果后再用手机录屏做成视频，也许能在一定程度上使上述问题得到解决。</p><p class="ql-block"><br></p><p class="ql-block">问题是应当采用哪种代码。</p><p class="ql-block"><br></p><p class="ql-block">用marquee 标签简单方便，纵向平移时采用高幅面图片较为合适，对宽幅图片就不行了，而本例中要用到 不少的宽幅图片，显然，本例不能用marquee纵向平移的方法。</p><p class="ql-block"><br></p><p class="ql-block">用marquee标签水平移动时，幅面较高的图片只能以视频幅面高度相同幅面进行显示，显然，本例中幅面很高图片的显示宽度要同比例缩小，这就使得高幅图片的显示幅面缩小，这不是自己所希望的。</p><p class="ql-block"><br></p><p class="ql-block">困此，本例不宜用marquee标签进行组织，而JavaScript与CSS样式设定的特效也不适合本例这种幅面区别很大的情况，只能使用SVG代码。</p><p class="ql-block"><br></p><p class="ql-block">高幅图片可将图片幅面设置为与视频幅面同宽，纵向平移图片以实现全幅显示。</p><p class="ql-block"><br></p><p class="ql-block">宽幅图片可将图片设置为与视频屏高同高，横向平移图片以实现全幅显示。</p><p class="ql-block"><br></p><p class="ql-block">分段宽幅图片要特别注意各幅图片的原始位置、终止位置、平移距离与平移用时的设定，要严格保证各图片分段的平移速度始终相同，各分段图片间要准确对接不能出现间隔与重叠。</p><p class="ql-block"><br></p><p class="ql-block">用代码组织图片实现动态显示与图片切换，做出.html格式网页文件后，传到 手机上，用其它应用中的QQ浏览器或UC浏览器打开这个.html文件，用手机的录屏功能录制成视频就行了。</p><p class="ql-block"><br></p><p class="ql-block">由于这种视频制作方法的大部分工作是用代码组织的，没用视频制作软件，图片像素没有任何损失，最后只是用手机录一下屏，所以，用这种方法做的相册是相当清晰的。</p><p class="ql-block"><br></p><p class="ql-block">下面是视频《唐寅画作观赏》：</p>