我喜欢永根先生的摄影作品，近日，我用永根先生在美篇《<a contenteditable="false" href="https://www.meipian.cn/4v242aq0?first_share_to=group_singlemessage&share_depth=1&first_share_uid=26942664" target="_blank" class="link"><i class="iconfont icon-iconfontlink"> </i>华为P60 Art拍照体验</a>》中发表的一些摄影作品试做了一个小视频，试图摸索尝试在动态相册中尽可能完美展现图片的办法，让视频的清晰度高一些。<div><br></div><div>用视频制作软件加工视频过程中是会使图片清晰度受到影响的，特别是图片放大后清晰度会明显下降，自己想办法精简视频制作步骤，先用用代码将图片组织在一起，用代码组织图片完成缩放移位等动作，制作出图片动态展示的网页文件，然后用手机录屏的方法加工成视频。</div><div><br></div><div>步骤大致是：</div><div><br></div><div>1，从永根美篇页面上获取相关图片原图网址；</div><div><br></div><div>2，了解各图片基本信息，如幅面宽高、文件大小等；<br></div><div><br></div><div><br></div><div>比如，图片：</div><div><br></div> <div><br></div><div><br></div><div>美篇中的图片不论原图幅面大小，在美篇文章中都是以幅宽750px显示的，这幅图片在美篇上显示幅面是宽750px,高339px。</div><div><br></div><div>图片网址是：</div><div><br><a contenteditable="false" href="https://ss2.meipian.me/users/26942664/origin85780bde50ef138e9d14f4118730498c.jpg?meipian-watermark/bucket/ivwen/key/dXNlcnMvMjY5NDI2NjQvb3JpZ2luODU3ODBiZGU1MGVmMTM4ZTlkMTRmNDExODczMDQ5OGMuanBn/nickname/5rC45qC5/userid/MjY5NDI2NjQ=/sign/423181ce8e24634109ffa74a2a45843b%7cimageView2/2/w/750/interlace/0/q/80" target="_blank" class="link"><i class="iconfont icon-iconfontlink"> </i>https://ss2.meipian.me/users/26942664/origin85780bde50ef138e9d14f4118730498c.jpg?meipian-watermark/bucket/ivwen/key/dXNlcnMvMjY5NDI2NjQvb3JpZ2luODU3ODBiZGU1MGVmMTM4ZTlkMTRmNDExODczMDQ5OGMuanBn/nickname/5rC45qC5/userid/MjY5NDI2NjQ=/sign/423181ce8e24634109ffa74a2a45843b%7cimageView2/2/w/750/interlace/0/q/80</a><br></div><div><br></div><div><br></div> 经查，得知图片原图宽4000px,高1808px，文件大小是2.2M,原图网址是：<br><br><a contenteditable="false" href="https://ss2.meipian.me/users/26942664/origin85780bde50ef138e9d14f4118730498c.jpg" target="_blank" class="link"><i class="iconfont icon-iconfontlink"> </i>https://ss2.meipian.me/users/26942664/origin85780bde50ef138e9d14f4118730498c.jpg</a><br><br><br> <p class="ql-block">3，编写SVG代码</p><p class="ql-block"><br></p><p class="ql-block">为保证视频画面清晰，在这里全部采用原图，用代码设定各图的显示初始幅面与位置、透明度变化、幅面缩放、移动位置与距离、图片消隐等的准确时间和图片幅面，将所有图片的数据与文字用代码组织成.txt文件，并转变成用来显示的.html网页文件；</p> 由于美篇文章的图片幅宽均为750px,自己将视频幅面也设定为宽750px,采用9比16幅面，视频高度定为1333px,, 以上面那幅南京夜景图片为例，在视频中使用的幅面是高1333px,宽2949px,自左向右水平移动通过屏幕。其它图片均为高幅图片，设置了图片移动与缩放以突出显示细节。 4，将做好的.html文件发送到手机，在播放,html文件的同时，用手机的录制屏幕功能将.html文件录制成.mp4格式视频。视频制作全过程没用到视频制作软件，视频画面基本没有因视频制作软件产生的像素损失。 下面是用这种方法制作的视频：