导语:
修改发表于2022年08月07号 08点 阅读 7424 评论16 点赞56 ©著作权归作者所有
经过20天左右时间的学习、思考和探索,在亚伦影音博友《谈HTML5音画制作》和《再谈HTML5音画制作》点拨和帮助下,终于把歌声和歌词同时出现在动画上了,当然这只是局部的初步成功。我深感:一个奔八的人,要学点新东西,要与时俱进,真的不容易。为了防止日后忘记,具体制作方法记录如下:
第一步:在秋思梦景博友的指导下,电脑上下载了“文本文档”。步骤是:右击电脑屏幕—新建—文本文档(也叫记事本)。
第二步:学作模式音画即仿制音画html5。例如:右击《再谈HTML5音画制作》中的音画的查看源文件(v),找到的地址;点击此地址//pan.yinhuabbs.cn/view.php/1f2c04dce8645b65b26bb3fea237c18c.html打开音画,再右击音画查看源文件(v)。经过“两次革命”出现的代码就可以复制—粘贴到文本文档中进行编辑了。具体来说,换上自己的图片或gif动画、换上音乐地址及同步的LRC歌词,此时文本文档的后缀是.txt。在编辑文档可以不考虑任何外链因素,因为与老小孩网站无关。
第三步:打开 http://www.oldkids.cn/blog/view.php?bid=1620741此网页,将编辑的代码输入《亚伦影音工作室HTML编辑浏览器》,方可以保存成htm后缀格式。以后取得地址后改成html后缀格式也行,不影响音画的打开。用htm后缀上传才能保证歌词正确显示。
第四步:打开中画网【//www.yinhuabbs.cn/】点击“立即上传”,速度飞快,快得不可思议。上传成功后出现两个地址,复制第一个即可。点击“(1)代码调用”,可以直接得到html地址。复制完成后,还可以点击图标预览,看制作效果。在搜索“中画网”时前面要加网头,搜索到后放到自己的收藏夹,以备使用。此中画网不需注册,直接使用,很给力。
第五步:在制作模式音画时,第一次右击查看源文件(v)时,复制下面的代码,然后把其中的html5音画地址(蓝色)换成你自己的地址即可。最后放入你的博客之中。注意一定要去头(http:),老小孩网站不支持外链。
注意点:
1,亚伦音影老师讲的“音画html 后缀改成txt文件再打开就是源码了。”我个人认为,这样就找到了二者互换的方法。它们实质一个音画两种表现形式而已。改后缀在地址上改,更直观更方便。我曾经为如何改后缀困惑了10天以上。
2、我发现htm和html的后缀都是可以通用的,我试验了两个后缀都不影响音画播放,故这是音画后缀的两种表现形式。
3、亚伦音影老师提醒:歌词前后有个符号 ` 很小不能忘掉。细节决定成败!
4、此音画右下角有隐性按钮,可以控制音乐的播放和停止,对动画不起作用。
(以上备忘录肯定有错误,敬请高手指教)
很成功!恭喜!探讨: 一、第一次打开的网友只有字幕,图片没有。因为:html中图片gif是老小孩的网址。因html网址是外链的,外链的网址不允许使用老小孩网址。(将图片网址在浏览器浏览后,再刷新可以看到图片了)建议不要将老小孩的图片网址在html使用。直接用在讲述的代码中。 二、免费上传html固然很好。但天下没有免费的午餐,用不了多久免费的网址会失效。如果仅玩玩,可用之。如果老小孩能上传html文件那就完美了。
元齐
老师过奖了,只能说是取得了局部的初步的成功,还有许多难题和未知问题待解决。老师的建议,我再研究一下,寻找手机上不能看到音画的原因;“用不了多久免费的网址会失效”,这到是一个问题,只能拭目以待了。当然,老小孩能上传html文件那就完美了,倒也是,可能有技术难题吧!?
举报
请选择你想添加的收藏夹