iH5基础教程为H5添加图片音视频.docx

iH5基础教程为H5添加图片音视频iH5基础教程：为H5添加图片、音视频 第一步： 1、 在桌面全选素材，拖拉进编辑器的舞台里，在对象树中就可以看到添加的素材。 2、 可以通过素材前面的勾控制素材的显示和隐藏。 第二步： 1、 可以在移动舞台里的图片或缩放大小，拖进来的图片都是默认等比缩放，如果要自由缩放图片，可以右键舞台上的图片，或者邮件对象树里的图片，取消等比缩放。也可以选择原始大小，让图片恢复原来的大小。可以通过调整属性面板来控制图片的属性，例如为图片添加背景颜色、改变透明度、旋转和微调图片位置等等。 2、视频拖进来默认是一个小方块，右键视频选择原始大小可以调整视频大小，放缩和移动的功能与图片一样，视频有时间轴窗口，点击播放按钮可以使视频播放。 3、 可以用图片工具 上传GIF，GIF会自动播放，如果用GIF工具上传GIF，则需要通过事件触发其播放。 4、 选中小人图片，点击文本工具，在舞台拖拉一个框，在文本编辑框里输入文字，可以通过属性面板改变文字颜色，文字大小可以输入数值让文本放大。文本只有一个默认的中文字体，如果需要其他中文字体，可以用中文字体工具。 5、在一些浏览器里无法识别中文字体的显示，所以用中文字体工具为图片。 会转化第三步：对象排列结构 1、 中文字体与文本是小人图片的子对象，小人是父对象，点击小人图片前面的三角形，可以把子对象收起来。隐藏小人图片，那它的子对象也会一起隐藏，移动父对象，子对象会像黏在父对象上一样，跟着父对象一起移动，移动子对象，其父对象不会受到影响。 2、 对象的排列顺序会影响对象重叠的方式，同一个父对象下，排在上面的中文字体会盖住文本。而中文字体和文本会盖住鞋子，因为子对象优于父对象显示。 知识点: 1、iH5编辑器支持哪些素材格式： 图片：JPG，PNG，GIF，SVG 音频：mp3 视频：mp4的H.D.264格式 网页：htm, html, zip 图片序列：zip, gif 2、添加素材： 哪些素材是可以在桌面或文件夹中多选后，通过拖曳导入编辑器的： 图片，GIF图片，视频，音频 哪些素材是需要选中工具，先在舞台定位，系统会弹出输入框： 图片，文字T，富文本，网页，图片序列，图画，中文字，GIF，幻灯片 哪些素材是选中工具，在舞台定位，就直接在舞台上添加了该工具： 透明按钮，二维码，按钮 哪些素材是选中工具，无需在舞台上定位，就直接导入了舞台： 视频，音频，下载文件 3、使用图片工具添加GIF图和使用GIF工具添加GIF图的区别？ 图片工具添加一张GIF图片后，GIF图片会自动播放，您也无法控制它的开始和停止；而用GIF图工具添加一张GIF图片，图片不会自动播放，您需要通过添加控制事件来开始GIF的播放。另一种方法是利用幻灯片控件上传GIF图，并控制其播放，请参考幻灯片工具的具体操作用法。 4、iH5编辑器中三种文字工具的区别？ iH5编辑器中提供英文字“T”，中文字“字”，及富文本；富文本能更方便地为你整段的文字进行简单的排版。中文字“字”为你提供更丰富的中文字体的选择。绑定变量的只能使用英文字“T”。 如果您想将自己电脑中的中文字体上传到工具中，请联系我们的QQ客服人员。 5、按钮和透明按钮有什么区别？ 按钮是一个带有颜色的圆角方形，你可以调节它的圆角度，颜色，外框颜色等。在它的属性栏中可以直接添加文本，并设置文字大小，颜色，样式等。透明按钮就是一个透明的区域，它可以有按钮的属性，也可以有容器的属性，具体参考后文中的透明按钮的详细解释。 6、对象层级： 同级对象: a) 对象树上面的对象会遮挡下面的对象。例如图片、文本等对象。 b) 页面一次只显示一个，页面从下往上显示，即对象树最下面的页面是首页。 父子对象： c) 子对象优于父对象显示，即子对象会遮挡父对象。 d) 移动父对象，子对象跟着移动，移动子对象，父对象不受影响，即子对象像黏在父对象上一样。