[发明专利]一种HTML广告文件的制作和播放方法

摘要

本发明公开了一种HTML广告文件的制作和播放方法，该制作方法包括获取广告模板的数据信息；对所述广告模板内的各区域添加素材，将所述需添加的素材拷贝到固定的目录中，获得各拷贝素材的相对路径；将各所述相对路径与各所述区域的唯一标识进行映射；根据各所述区域中的数据信息和当前设备的浏览器播放环境，将各区域中的数据信息生成相应的HTML标签，并将各所述HTML标签转换成相应的HTML格式的字符串；拼接所有HTML格式的字符串，生成HTML页面的源代码，并生成HTML格式的广告文件。采用本发明技术方案能提高广告制作和播放的灵活性和便利性，实现广告节目制作端和播放端一体化。

主权项

一种HTML广告文件的制作方法，其特征在于，包括：获取广告模板的数据信息，所述广告模板的数据信息包括：所述模板所在的画布尺寸信息、所述模板内各区域的类型、所述各区域在所述画布上的位置信息；其中，所述广告模板的制作基于HTML5的Canvas画布而制作的；对所述广告模板内的各区域添加素材，将所述需添加的素材拷贝到固定的目录中，获得各拷贝素材的相对路径；将各所述相对路径与各所述区域的唯一标识进行映射；根据各所述区域中的数据信息和当前设备的浏览器播放环境，将各区域中的数据信息生成相应的HTML标签，并将各所述HTML标签转换成相应的HTML格式的字符串；其中，所述根据各所述区域中的数据信息和当前设备的浏览器播放环境，将各区域中的数据信息生成相应的HTML标签包括：判断当前浏览器是否支持HTML标签，如果支持，则将各区域中的数据信息生成相应的HTML标签，否则，将各所述区域中的数据信息生成通用的HTML标签；拼接所有HTML格式的字符串，生成HTML页面的源代码，并生成HTML格式的广告文件；所述各区域在所述画布上的位置信息是由区域位置和区域大小结合得到的；所述区域位置的计算方法包括：利用所述区域左上角顶点距离画布左边缘的距离与画布宽度的比值来生成该区域相对于画布的X坐标，利用区域左上角顶点距离画布上边缘的距离与画布宽度的比值来生成该区域相对于画布的Y坐标；所述区域大小的计算方法包括：利用区域当前宽度与画布宽度的比值来生成区域宽度的百分比，利用区域当前高度与画布高度的比值来生成区域高度的百分比。