CN108259620B - 一种广告编辑和预览方法、智能终端、系统及存储装置 - Google Patents

一种广告编辑和预览方法、智能终端、系统及存储装置 Download PDF

Info

Publication number
CN108259620B
CN108259620B CN201810102575.2A CN201810102575A CN108259620B CN 108259620 B CN108259620 B CN 108259620B CN 201810102575 A CN201810102575 A CN 201810102575A CN 108259620 B CN108259620 B CN 108259620B
Authority
CN
China
Prior art keywords
server
advertisement
editing
web front
component
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Active
Application number
CN201810102575.2A
Other languages
English (en)
Other versions
CN108259620A (zh
Inventor
徐正财
丁新民
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Skyworth Group Intelligent Equipment Co Ltd
Original Assignee
Skyworth Group Intelligent Equipment Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Skyworth Group Intelligent Equipment Co Ltd filed Critical Skyworth Group Intelligent Equipment Co Ltd
Priority to CN201810102575.2A priority Critical patent/CN108259620B/zh
Publication of CN108259620A publication Critical patent/CN108259620A/zh
Application granted granted Critical
Publication of CN108259620B publication Critical patent/CN108259620B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
    • H04L67/00—Network arrangements or protocols for supporting network services or applications
    • H04L67/01—Protocols
    • H04L67/02—Protocols based on web technology, e.g. hypertext transfer protocol [HTTP]
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F16/955—Retrieval from the web using information identifiers, e.g. uniform resource locators [URL]
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06Q—INFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
    • G06Q30/00—Commerce
    • G06Q30/02—Marketing; Price estimation or determination; Fundraising
    • G06Q30/0241—Advertisements
    • G06Q30/0276—Advertisement creation
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06Q—INFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
    • G06Q30/00—Commerce
    • G06Q30/02—Marketing; Price estimation or determination; Fundraising
    • G06Q30/0241—Advertisements
    • G06Q30/0277—Online advertisement
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/43—Processing of content or additional data, e.g. demultiplexing additional data from a digital video stream; Elementary client operations, e.g. monitoring of home network or synchronising decoder's clock; Client middleware
    • H04N21/431—Generation of visual interfaces for content selection or interaction; Content or additional data rendering
    • H04N21/4312—Generation of visual interfaces for content selection or interaction; Content or additional data rendering involving specific graphical features, e.g. screen layout, special fonts or colors, blinking icons, highlights or animations
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/80—Generation or processing of content or additional data by content creator independently of the distribution process; Content per se
    • H04N21/81—Monomedia components thereof
    • H04N21/812—Monomedia components thereof involving advertisement data
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/80—Generation or processing of content or additional data by content creator independently of the distribution process; Content per se
    • H04N21/83—Generation or processing of protective or descriptive data associated with content; Content structuring
    • H04N21/84—Generation or processing of descriptive data, e.g. content descriptors
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/80—Generation or processing of content or additional data by content creator independently of the distribution process; Content per se
    • H04N21/85—Assembly of content; Generation of multimedia applications
    • H04N21/858—Linking data to content, e.g. by linking an URL to a video object, by creating a hotspot
    • H04N21/8586—Linking data to content, e.g. by linking an URL to a video object, by creating a hotspot by using a URL

Landscapes

  • Engineering & Computer Science (AREA)
  • Business, Economics & Management (AREA)
  • Signal Processing (AREA)
  • Finance (AREA)
  • Development Economics (AREA)
  • Accounting & Taxation (AREA)
  • Strategic Management (AREA)
  • Multimedia (AREA)
  • Theoretical Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Marketing (AREA)
  • Physics & Mathematics (AREA)
  • Economics (AREA)
  • General Business, Economics & Management (AREA)
  • Entrepreneurship & Innovation (AREA)
  • Game Theory and Decision Science (AREA)
  • Databases & Information Systems (AREA)
  • Data Mining & Analysis (AREA)
  • General Engineering & Computer Science (AREA)
  • Computer Networks & Wireless Communication (AREA)
  • Information Transfer Between Computers (AREA)
  • Two-Way Televisions, Distribution Of Moving Picture Or The Like (AREA)

Abstract

本发明公开了一种广告编辑和预览方法、智能终端、系统及存储装置，所述方法包括：Web前端接收并选择服务器发送的组件，并根据所选择组件的预览效果编辑组件效果；当编辑完成后，Web前端将编辑好的组件的描述信息通过预设格式保存到本地存储，并发送到服务器转化成html协议格式的文件;服务器将html使用到的css文件、资源文件和保存好的html文件打包生成一个文件目录，并生成新的url地址返回给Web前端；Web前端通过框架组件打开服务器返回的节目预览的url地址，进行广告节目播放效果的预览。通过本发明高效快速进行广告的编辑和预览，生成h5广告节目和模板，实现跨平台播放广告。

Description

一种广告编辑和预览方法、智能终端、系统及存储装置
技术领域
本发明涉及智能显示终端广告播放技术领域，尤其涉及一种广告编辑和预览方法、智能终端、系统及存储装置。
背景技术
随着智能终端的快速发展，越来越多的广告已经通过各种各样的显示终端来进行播放，例如智能电视（上午定制机）、广告机（屏）、数字大屏幕等，通过广告的大面积推送和播放都是为了达到更好的宣传效果。
但是当前的公共媒体大多只能推送广告视频，以图片轮播的方式把预计好的视频资源和图片资源分别下发到广告机终端，不易扩展，无法实现跨平台播放广告，也就是说一个编辑好的广告页面只能在特定的平台上进行播放，无法直接将相同的广告页面放到其他的平台上进行播放，那么就会导致广告的制作费用增加，无法实现广告的大面积推广。
因此，现有技术还有待于改进和发展。
发明内容
本发明要解决的技术问题在于，针对现有技术的上述缺陷，提供一种广告编辑和预览方法、智能终端、系统及存储装置，旨在通过高效快速进行广告的编辑和预览，生成h5广告节目和模板，实现跨平台播放广告。
本发明解决技术问题所采用的技术方案如下：
一种广告编辑和预览方法，其中，所述广告编辑和预览方法包括：
Web前端接收并选择服务器发送的组件，并根据所选择组件的预览效果编辑组件效果；
当编辑完成后，Web前端将编辑好的组件的描述信息通过预设格式保存到本地存储，并发送到服务器转化成html协议格式的文件;
服务器将html使用到的css文件、资源文件和保存好的html文件打包生成一个文件目录，并生成新的url地址返回给Web前端；
Web前端通过框架组件打开服务器返回的节目预览的url地址，进行广告节目播放效果的预览。
所述的广告编辑和预览方法，其中，所述Web前端接收并选择服务器发送的组件，并根据所选择组件的预览效果编辑组件效果之前还包括：
所述服务器预先根据需要编辑的广告页面获取多个组件并存储，当所述Web前端编辑广告页面时通过所述服务器进行组件的选择。
所述的广告编辑和预览方法，其中，所述组件包括：图片、背景、音频、视频、文档以及天气。
所述的广告编辑和预览方法，其中，所述Web前端接收并选择服务器发送的组件，并根据所选择组件的预览效果编辑组件效果具体包括：
所述Web前端根据需要编辑的广告页面接收并选择服务器发送的组件；
通过jQuery编辑所选的组件效果，编辑包括组件大小、组件坐标、组件动画、以及组件内容。
所述的广告编辑和预览方法，其中，所述当编辑完成后，Web前端将编辑好的组件的描述信息通过预设格式保存到本地存储，并发送到服务器转化成html协议格式的文件具体包括：
当检测到组件效果编辑完成后，所述Web前端将编辑好的组件的描述信息通过适于网络数据传输的JSON格式保存到本地存储；
所述Web前端同时将所述描述信息发送到所述服务器，所述服务器将JSON格式的数据转化成html协议格式的文件。
所述的广告编辑和预览方法，其中，所述描述信息包括: 广告页面的播放时间、广告名称以及广告大小。
所述的广告编辑和预览方法，其中，所述服务器将html使用到的css文件、资源文件和保存好的html文件打包生成一个文件目录，并生成新的url地址返回给Web前端具体包括：
当所述服务器将JSON格式的数据转化成html协议格式的文件后，所述服务器将html使用到的css文件、资源文件和保存好的html文件一起打包生成一个文件目录；
所述服务器同时生成以用于进行节目预览的新的url地址，并将所述url地址返回给Web前端。
一种智能终端，用于实现广告编辑和预览方法，其中，所述智能终端包括：处理器、存储器和通信总线；
所述存储器上存储有可被所述处理器执行的计算机可读程序；
所述通信总线实现处理器和存储器之间的连接通信；
所述处理器执行所述计算机可读程序时实现如上所述的广告编辑和预览方法中的步骤。
一种计算机可读存储介质，其中，所述计算机可读存储介质存储有一个或者多个程序，所述一个或者多个程序可被一个或者多个处理器执行，以实现如上所述的广告编辑和预览方法的步骤。
一种广告编辑和预览系统，包括Web前端和服务器，其中，所述广告编辑和预览系统还包括如权利要求8所述的智能终端；
所述Web前端用于接收并选择服务器发送的组件，并根据所选择组件的预览效果编辑组件效果；当编辑完成后，所述Web前端还用于将编辑好的组件的描述信息通过预设格式保存到本地存储，并发送到所述服务器转化成html协议格式的文件; 所述服务器用于将html使用到的css文件、资源文件和保存好的html文件打包生成一个文件目录，并生成新的url地址返回给所述Web前端；所述Web前端还用于通过框架组件打开服务器返回的节目预览的url地址，进行广告节目播放效果的预览。
相较于现有技术，本发明提供的广告编辑和预览方法、智能终端、系统及存储装置，所述广告编辑和预览方法通过Web前端接收并选择服务器发送的组件，并根据所选择组件的预览效果编辑组件效果；当编辑完成后，Web前端将编辑好的组件的描述信息通过预设格式保存到本地存储，并发送到服务器转化成html协议格式的文件; 服务器将html使用到的css文件、资源文件和保存好的html文件打包生成一个文件目录，并生成新的url地址返回给Web前端；Web前端通过框架组件打开服务器返回的节目预览的url地址，进行广告节目播放效果的预览。通过本发明高效快速进行广告的编辑和预览，生成h5广告节目和模板，实现跨平台播放广告。
附图说明
图1是本发明广告编辑和预览方法的较佳实施例的流程图；
图2是本发明广告编辑和预览方法的较佳实施例中步骤S10的流程图；
图3是本发明广告编辑和预览方法的较佳实施例中步骤S20的流程图；
图4是本发明广告编辑和预览方法的较佳实施例中步骤S30的流程图；
图5为本发明广告编辑和预览程序的较佳实施例的运行环境示意图；
图6为本发明广告编辑和预览程序的较佳实施例的功能模块图；
图7为本发明广告编辑和预览系统的较佳实施例的功能原理框图。
具体实施方式
为使本发明的目的、技术方案及优点更加清楚、明确，以下参照附图并举实施例对本发明进一步详细说明。应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。
本发明较佳实施例所述的广告编辑和预览方法，如图1所示，一种广告编辑和预览方法，其中，所述广告编辑和预览方法包括以下步骤：
步骤S10、Web前端接收并选择服务器发送的组件，并根据所选择组件的预览效果编辑组件效果。
具体地，所述步骤S10之前还包括：所述服务器预先根据需要编辑的广告页面获取多个组件并存储，当所述Web前端编辑广告页面时通过所述服务器进行组件的选择。所述组件包括：图片、背景、音频、视频、文档以及天气等其他可编辑的素材。
具体过程请参阅图2，其为本发明提供的广告编辑和预览方法中步骤S10的流程图。
如图2所示，所述步骤S10包括：
S11、所述Web前端根据需要编辑的广告页面接收并选择服务器发送的组件；
S12、通过jQuery（jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库，提供一种简便的JavaScript设计模式，优化html文档操作、事件处理、动画设计和Ajax交互，具有高效灵活的css选择器，并且可对css选择器进行扩展，拥有便捷的插件扩展机制和丰富的插件）编辑所选的组件效果，编辑包括组件大小、组件坐标、组件动画、以及组件内容；比如说图片组件可设置多个图片进行轮播，轮播时间、周期、轮播动画等。
本实施例中，进入Web前端（前端开发是网站的前台代码实现，包括基本的HTML和CSS以及JavaScript/ajax，端设计一般可以理解为网站的视觉设计）编辑广告页面，选择组件，这些组件来自服务器, Web前端只需要有这些组件的预览效果即可；编辑区域是一个画布,可以选择组件到画布，之后可以通过鼠标拖动改变组件的显示区域(大小，坐标等)；可以对选中的组件选择显示的动画效果(预订的动画效果)；一个图片区域可以添加多张图片显示，进行动画循环轮播。
步骤S20、当编辑完成后，Web前端将编辑好的组件的描述信息通过预设格式保存到本地存储，并发送到服务器转化成html协议格式的文件。
具体地，编辑好的组件通过JSON格式（JSON，(JavaScript Object Notation，是一种轻量级的数据交换格式，采用完全独立于编程语言的文本格式来存储和表示数据，易于人阅读和编写，同时也易于机器解析和生成，并有效地提升网络传输效率，比较适合于网络数据传输，因此选择JSON比较合理）保存组件的描述信息到LocalStorag（本地存储）。
之后，服务器将JSON格式的数据转化成html协议格式的文件，通过JavaWeb实现JSON协议解析，生成html网页文件保存于服务器。
具体过程请参阅图3，其为本发明提供的广告编辑和预览方法中步骤S20的流程图。
如图3所示，所述步骤S20包括：
S21、当检测到组件效果编辑完成后，所述Web前端将编辑好的组件的描述信息通过适于网络数据传输的JSON格式保存到本地存储；
S22、所述Web前端同时将所述描述信息发送到所述服务器，所述服务器将JSON格式的数据转化成html协议格式的文件。
本实施例中，所述描述信息包括: 广告页面的播放时间、广告名称以及广告大小（当然还可以包括其他的属性信息）。
步骤S30、当编辑完成后，Web前端将编辑好的组件的描述信息通过预设格式保存到本地存储，并发送到服务器转化成html协议格式的文件。
具体地，服务器将html使用到的css文件（用于装css代码的文本文件，而css代码具有一定规律规则的文本代码组成，本发明的css文件是一些效果定义的文件，比如广告里面的某个动画效果等）、资源文件和保存好的html文件一起打包生成一个文件目录；并生成新的url地址；并将该url地址返回给Web前端。
具体过程请参阅图4，其为本发明提供的广告编辑和预览方法中步骤S30的流程图。
如图4所示，所述步骤S30包括：
S31、当所述服务器将JSON格式的数据转化成html协议格式的文件后，所述服务器将html使用到的css文件、资源文件和保存好的html文件一起打包生成一个文件目录；
S32、所述服务器同时生成以用于进行节目预览的新的url地址（Uniform ResoureLocator：统一资源定位器，url地址是www页的地址），并将所述url地址返回给Web前端。
步骤S40、Web前端通过框架组件打开服务器返回的节目预览的url地址，进行广告节目播放效果的预览。
具体地，前端通过frame（frame是html网页开发使用的一个框架组件，可以用来打开某个广告页面，用于预览广告页面效果）打开服务器返回的节目预览url地址，达到预览节目的效果 。
也就是说，Web前端编辑广告节目,并以JSON格式保存到LocalStorage，JSON转化成html格式的文件，并传给服务器；服务器把预设好的css文件和使用到的资源文件打包生成广告节目的目录，并生成url地址供Web前端访问。
本发明制作的广告可以用于公共区域大屏幕显示领域、商用广告领域、教育教学领域、酒店餐厅商务发布等领域。
如图5所示，基于上述广告编辑和预览方法，本发明还相应提供了一种智能终端，所述智能终端包括处理器10、存储器20及显示器30。图5仅示出了智能终端的部分组件，但是应理解的是，并不要求实施所有示出的组件，可以替代的实施更多或者更少的组件。
所述存储器20在一些实施例中可以是所述智能终端的内部存储单元，例如智能终端的硬盘或内存。所述存储器20在另一些实施例中也可以是所述智能终端的外部存储设备，例如所述智能终端上配备的插接式硬盘，智能存储卡（Smart Media Card, SMC），安全数字（Secure Digital, SD）卡，闪存卡（Flash Card）等。进一步地，所述存储器20还可以既包括所智能终端的内部存储单元也包括外部存储设备。所述存储器20用于存储安装于所述智能终端的应用软件及各类数据，例如所述安装智能终端的程序代码等。所述存储器20还可以用于暂时地存储已经输出或者将要输出的数据。在一实施例中，存储器20上存储有广告编辑和预览程序40，该广告编辑和预览程序40可被处理器10所执行，从而实现本申请中广告编辑和预览方法。
所述处理器10在一些实施例中可以是一中央处理器（Central Processing Unit,CPU），微处理器或其他数据处理芯片，用于运行所述存储器20中存储的程序代码或处理数据，例如执行所述广告编辑和预览方法等。
所述显示器30在一些实施例中可以是LED显示器、液晶显示器、触控式液晶显示器以及OLED（Organic Light-Emitting Diode，有机发光二极管）触摸器等。所述显示器30用于显示在所述智能终端的信息以及用于显示可视化的用户界面。所述智能终端的部件10-30通过系统总线相互通信。
在一实施例中，当处理器10执行所述存储器20中广告编辑和预览程序40时实现以下步骤：
Web前端接收并选择服务器发送的组件，并根据所选择组件的预览效果编辑组件效果；
当编辑完成后，Web前端将编辑好的组件的描述信息通过预设格式保存到本地存储，并发送到服务器转化成html协议格式的文件;
服务器将html使用到的css文件、资源文件和保存好的html文件打包生成一个文件目录，并生成新的url地址返回给Web前端；
Web前端通过框架组件打开服务器返回的节目预览的url地址，进行广告节目播放效果的预览。
所述Web前端接收并选择服务器发送的组件，并根据所选择组件的预览效果编辑组件效果之前还包括：
所述服务器预先根据需要编辑的广告页面获取多个组件并存储，当所述Web前端编辑广告页面时通过所述服务器进行组件的选择。
所述Web前端接收并选择服务器发送的组件，并根据所选择组件的预览效果编辑组件效果具体包括：
所述Web前端根据需要编辑的广告页面接收并选择服务器发送的组件；
通过jQuery编辑所选的组件效果，编辑包括组件大小、组件坐标、组件动画、以及组件内容。
所述当编辑完成后，Web前端将编辑好的组件的描述信息通过预设格式保存到本地存储，并发送到服务器转化成html协议格式的文件具体包括：
当检测到组件效果编辑完成后，所述Web前端将编辑好的组件的描述信息通过适于网络数据传输的JSON格式保存到本地存储；
所述Web前端同时将所述描述信息发送到所述服务器，所述服务器将JSON格式的数据转化成html协议格式的文件。
所述服务器将html使用到的css文件、资源文件和保存好的html文件打包生成一个文件目录，并生成新的url地址返回给Web前端具体包括：
当所述服务器将JSON格式的数据转化成html协议格式的文件后，所述服务器将html使用到的css文件、资源文件和保存好的html文件一起打包生成一个文件目录；
所述服务器同时生成以用于进行节目预览的新的url地址，并将所述url地址返回给Web前端。
请参阅图6，其为本发明广告编辑和预览程序的系统较佳实施例的功能模块图。在本实施例中，广告编辑和预览程序的系统可以被分割成一个或多个模块，所述一个或者多个模块被存储于所述存储器20中，并由一个或多个处理器（本实施例为所述处理器10）所执行，以完成本发明。例如，在图6中，广告编辑和预览程序的系统可以被分割成接收选择模块21、存储转化模块22、打包生成模块23和打开预览模块24。本发明所称的模块是指能够完成特定功能的一系列计算机程序指令段，比程序更适合于描述所述广告编辑和预览程序在所述智能终端中的执行过程。以下描述将具体介绍所述模块21-24的功能。
接收选择模块21，用于控制Web前端接收并选择服务器发送的组件，并根据所选择组件的预览效果编辑组件效果；
存储转化模块22，用于当编辑完成后，控制Web前端将编辑好的组件的描述信息通过预设格式保存到本地存储，并发送到服务器转化成html协议格式的文件；
打包生成模块23，用于控制服务器将html使用到的css文件、资源文件和保存好的html文件打包生成一个文件目录，并生成新的url地址返回给Web前端；
打开预览模块24，用于控制Web前端通过框架组件打开服务器返回的节目预览的url地址，进行广告节目播放效果的预览。
接收选择模块21具体包括：
接收单元，用于控制所述Web前端根据需要编辑的广告页面接收并选择服务器发送的组件；
编辑单元，用于通过jQuery编辑所选的组件效果，编辑包括组件大小、组件坐标、组件动画、以及组件内容。
存储转化模块22具体包括：
存储单元，用于当检测到组件效果编辑完成后，控制所述Web前端将编辑好的组件的描述信息通过适于网络数据传输的JSON格式保存到本地存储；
转化单元，用于控制所述Web前端同时将所述描述信息发送到所述服务器，所述服务器将JSON格式的数据转化成html协议格式的文件。
打包生成模块23具体包括：
打包单元，用于当所述服务器将JSON格式的数据转化成html协议格式的文件后，控制所述服务器将html使用到的css文件、资源文件和保存好的html文件一起打包生成一个文件目录；
生成单元，用于控制所述服务器同时生成以用于进行节目预览的新的url地址，并将所述url地址返回给Web前端。
本发明还提供一种计算机可读存储介质，其中，所述计算机可读存储介质存储有一个或者多个程序，所述一个或者多个程序可被一个或者多个处理器执行，以实现如上所述的广告编辑和预览方法的步骤。
基于上述广告编辑和预览方法和智能终端，本发明还相应提供一种广告编辑和预览系统，请参阅图7，其包括智能终端101、Web前端102和服务器103。
其中，所述Web前端102用于接收并选择服务器103发送的组件，并根据所选择组件的预览效果编辑组件效果；以及当编辑完成后，所述Web前端102还用于将编辑好的组件的描述信息通过预设格式保存到本地存储，并发送到所述服务器103转化成html协议格式的文件; 以及所述服务器103用于将html使用到的css文件、资源文件和保存好的html文件打包生成一个文件目录，并生成新的url地址返回给所述Web前端102；以及所述Web前端102还用于通过框架组件打开服务器返回的节目预览的url地址，进行广告节目播放效果的预览。
综上所述，本发明通过Web前端接收并选择服务器发送的组件，并根据所选择组件的预览效果编辑组件效果；当编辑完成后，Web前端将编辑好的组件的描述信息通过预设格式保存到本地存储，并发送到服务器转化成html协议格式的文件; 服务器将html使用到的css文件、资源文件和保存好的html文件打包生成一个文件目录，并生成新的url地址返回给Web前端；Web前端通过框架组件打开服务器返回的节目预览的url地址，进行广告节目播放效果的预览。通过本发明高效快速进行广告的编辑和预览，生成h5广告节目和模板，实现跨平台播放广告。
当然，本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机程序来指令相关硬件（如处理器，控制器等）来完成，所述的程序可存储于一计算机可读取的存储介质中，该程序在执行时可包括如上述各方法实施例的流程。其中所述的存储介质可为存储器、磁碟、光盘等。
应当理解的是，本发明的应用不限于上述的举例，对本领域普通技术人员来说，可以根据上述说明加以改进或变换，所有这些改进和变换都应属于本发明所附权利要求的保护范围。

Claims (8)

1.一种广告编辑和预览方法，其特征在于，所述广告编辑和预览方法包括：
Web前端接收并选择服务器发送的组件，并根据所选择组件的预览效果编辑组件效果；
当编辑完成后，Web前端将编辑好的组件的描述信息通过预设格式保存到本地存储，并发送到服务器转化成html协议格式的文件；
所述当编辑完成后，Web前端将编辑好的组件的描述信息通过预设格式保存到本地存储，并发送到服务器转化成html协议格式的文件具体包括：
当检测到组件效果编辑完成后，所述Web前端将编辑好的组件的描述信息通过适于网络数据传输的JSON格式保存到本地存储；
所述Web前端同时将所述描述信息发送到所述服务器，所述服务器将JSON格式的数据转化成html协议格式的文件；
服务器将html使用到的css文件、资源文件和保存好的html文件打包生成一个文件目录，并生成新的url地址返回给Web前端；
所述服务器将html使用到的css文件、资源文件和保存好的html文件打包生成一个文件目录，并生成新的url地址返回给Web前端具体包括：
当所述服务器将JSON格式的数据转化成html协议格式的文件后，所述服务器将html使用到的css文件、资源文件和保存好的html文件一起打包生成一个文件目录；
所述服务器同时生成以用于进行节目预览的新的url地址，并将所述url地址返回给Web前端；
Web前端通过框架组件打开服务器返回的节目预览的url地址，进行广告节目播放效果的预览；
通过广告的编辑和预览生成h5广告节目和模板，实现跨平台播放广告。
2.根据权利要求1所述的广告编辑和预览方法，其特征在于，所述Web前端接收并选择服务器发送的组件，并根据所选择组件的预览效果编辑组件效果之前还包括：
所述服务器预先根据需要编辑的广告页面获取多个组件并存储，当所述Web前端编辑广告页面时通过所述服务器进行组件的选择。
3.根据权利要求2所述的广告编辑和预览方法，其特征在于，所述组件包括：图片、背景、音频、视频、文档以及天气。
4.根据权利要求1所述的广告编辑和预览方法，其特征在于，所述Web前端接收并选择服务器发送的组件，并根据所选择组件的预览效果编辑组件效果具体包括：
所述Web前端根据需要编辑的广告页面接收并选择服务器发送的组件；
通过jQuery编辑所选的组件效果，编辑包括组件大小、组件坐标、组件动画、以及组件内容。
5.根据权利要求1所述的广告编辑和预览方法，其特征在于，所述描述信息包括:广告页面的播放时间、广告名称以及广告大小。
6.一种智能终端，用于实现广告编辑和预览方法，其特征在于，所述智能终端包括：处理器、存储器和通信总线；
所述存储器上存储有可被所述处理器执行的计算机可读程序；
所述通信总线实现处理器和存储器之间的连接通信；
所述处理器执行所述计算机可读程序时实现如权利要求1-5任意一项所述的广告编辑和预览方法中的步骤。
7.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质存储有一个或者多个程序，所述一个或者多个程序可被一个或者多个处理器执行，以实现如权利要求1-5任意一项所述的广告编辑和预览方法的步骤。
8.一种广告编辑和预览系统，包括Web前端和服务器，其特征在于，所述广告编辑和预览系统还包括如权利要求6所述的智能终端；
所述Web前端用于接收并选择服务器发送的组件，并根据所选择组件的预览效果编辑组件效果；当编辑完成后，所述Web前端还用于将编辑好的组件的描述信息通过预设格式保存到本地存储，并发送到所述服务器转化成html协议格式的文件；所述服务器用于将html使用到的css文件、资源文件和保存好的html文件打包生成一个文件目录，并生成新的url地址返回给所述Web前端；所述Web前端还用于通过框架组件打开服务器返回的节目预览的url地址，进行广告节目播放效果的预览。
CN201810102575.2A 2018-02-01 2018-02-01 一种广告编辑和预览方法、智能终端、系统及存储装置 Active CN108259620B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201810102575.2A CN108259620B (zh) 2018-02-01 2018-02-01 一种广告编辑和预览方法、智能终端、系统及存储装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201810102575.2A CN108259620B (zh) 2018-02-01 2018-02-01 一种广告编辑和预览方法、智能终端、系统及存储装置

Publications (2)

Publication Number Publication Date
CN108259620A CN108259620A (zh) 2018-07-06
CN108259620B true CN108259620B (zh) 2021-03-16

Family

ID=62743700

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201810102575.2A Active CN108259620B (zh) 2018-02-01 2018-02-01 一种广告编辑和预览方法、智能终端、系统及存储装置

Country Status (1)

Country Link
CN (1) CN108259620B (zh)

Families Citing this family (9)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN109002282B (zh) * 2018-07-26 2020-11-03 京东数字科技控股有限公司 一种在web页面开发中实现动画效果的方法和装置
CN109299447B (zh) * 2018-09-11 2023-07-21 创维集团智能科技有限公司 广告编辑方法、终端及计算机可读存储介质
CN109511003A (zh) * 2018-11-13 2019-03-22 四川长虹电器股份有限公司 一种广告制作和播放的方法
CN111193952B (zh) * 2018-11-15 2022-10-21 西安诺瓦星云科技股份有限公司 媒体播放方法、装置、终端及系统和存储介质
CN110956486A (zh) * 2019-10-11 2020-04-03 京东数字科技控股有限公司 一种ai广告编辑方法、装置、电子设备及存储介质
CN110865808B (zh) * 2019-10-17 2023-02-28 福建天泉教育科技有限公司 一种学习组件管理方法及系统
CN111883099B (zh) * 2020-04-14 2021-10-15 北京沃东天骏信息技术有限公司 音频处理方法、装置、系统、浏览器模块和可读存储介质
CN111932304A (zh) * 2020-08-03 2020-11-13 深圳市杰和科技发展有限公司 基于浏览器的多页面广告轮播控制方法及装置
CN114387940B (zh) * 2022-02-25 2023-09-15 卡莱特云科技股份有限公司 一种led显示屏的分区显示更新方法、播放盒及显示系统

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101807209A (zh) * 2010-04-14 2010-08-18 深圳市同洲电子股份有限公司 网页制作的方法和系统，客户端、服务端
CN102779046A (zh) * 2012-07-04 2012-11-14 合一网络技术(北京)有限公司 一种基于html5开发的视频播放系统及其视频播放方法
CN104461580A (zh) * 2014-12-30 2015-03-25 北京经开投资开发股份有限公司 一种Web用户界面实现方法
CN105824640A (zh) * 2016-03-18 2016-08-03 浪潮软件集团有限公司 一种生成Web前端交互页面的方法

Family Cites Families (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US8108377B2 (en) * 2009-12-15 2012-01-31 Facebook, Inc. Predictive resource identification and phased delivery of structured documents

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101807209A (zh) * 2010-04-14 2010-08-18 深圳市同洲电子股份有限公司 网页制作的方法和系统，客户端、服务端
CN102779046A (zh) * 2012-07-04 2012-11-14 合一网络技术(北京)有限公司 一种基于html5开发的视频播放系统及其视频播放方法
CN104461580A (zh) * 2014-12-30 2015-03-25 北京经开投资开发股份有限公司 一种Web用户界面实现方法
CN105824640A (zh) * 2016-03-18 2016-08-03 浪潮软件集团有限公司 一种生成Web前端交互页面的方法

Also Published As

Publication number Publication date
CN108259620A (zh) 2018-07-06

Similar Documents

Publication Publication Date Title
CN108259620B (zh) 一种广告编辑和预览方法、智能终端、系统及存储装置
US9098505B2 (en) Framework for media presentation playback
CN104932889B (zh) 页面可视化生成方法和装置
WO2016015432A1 (zh) 页面的构建方法、装置、系统、设备及非易失性计算机存储介质
CN111079047B (zh) 一种面向web的页面构建系统
US9483449B1 (en) Optimizing page output through run-time reordering of page content
EP2819035B1 (en) Systems and methods for presentations with live application integration
US20130326333A1 (en) Mobile Content Management System
US20100115023A1 (en) Method and system for creating it-oriented server-based web applications
CN109254773A (zh) 骨架页面生成方法、装置、设备和存储介质
CN101765979A (zh) 用于移动设备的文档处理
CN110309451A (zh) 一种web预加载页面的生成方法及装置
CN110020329B (zh) 用于生成网页的方法、装置和系统
CN112100550A (zh) 一种页面构建方法和装置
CN109445775B (zh) 一键活动内嵌代码方法、装置及计算机可读存储介质
US9646103B2 (en) Client-side template engine and method for constructing a nested DOM module for a website
WO2022144016A1 (zh) 应用程序控制方法、装置、电子设备和存储介质
CN112632437A (zh) 一种网页页面生成方法、装置及计算机可读存储介质
CN103631865A (zh) 网页生成方法及设备
US20160012147A1 (en) Asynchronous Initialization of Document Object Model (DOM) Modules
CN113032708A (zh) 一种无代码Web开发系统
CN102693238B (zh) Widget应用方法、系统及多媒体终端
WO2016005884A2 (en) Javascript-based, client-side template driver system
CN113391808A (zh) 页面的配置方法、装置及电子设备
CN102253986A (zh) 提高多终端网页显示效果的方法和装置

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
TA01 Transfer of patent application right
TA01 Transfer of patent application right

Effective date of registration: 20200717

Address after: Room 821, No. 333, jiufo Jianshe Road, Zhongxin Guangzhou Knowledge City, Huangpu District, Guangzhou City, Guangdong Province

Applicant after: Skyworth Group Intelligent Technology Co., Ltd

Address before: The 510530 Guangdong economic and Technological Development Zone of Guangzhou Science City Kaida Road No. 99

Applicant before: GUANGZHOU SKYWORTH FLAT DISPLAY TECHNOLOGY Co.,Ltd.

GR01 Patent grant
GR01 Patent grant