CN109547855B - Web前端模拟电视主场景监测电视海报点击数据的方法 - Google Patents

Web前端模拟电视主场景监测电视海报点击数据的方法 Download PDF

Info

Publication number
CN109547855B
CN109547855B CN201811384903.9A CN201811384903A CN109547855B CN 109547855 B CN109547855 B CN 109547855B CN 201811384903 A CN201811384903 A CN 201811384903A CN 109547855 B CN109547855 B CN 109547855B
Authority
CN
China
Prior art keywords
poster
click
television
data
web front
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
CN201811384903.9A
Other languages
English (en)
Other versions
CN109547855A (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.)
Sichuan Changhong Electric Co Ltd
Original Assignee
Sichuan Changhong Electric 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 Sichuan Changhong Electric Co Ltd filed Critical Sichuan Changhong Electric Co Ltd
Priority to CN201811384903.9A priority Critical patent/CN109547855B/zh
Publication of CN109547855A publication Critical patent/CN109547855A/zh
Application granted granted Critical
Publication of CN109547855B publication Critical patent/CN109547855B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Classifications

    • 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/442—Monitoring of processes or resources, e.g. detecting the failure of a recording device, monitoring the downstream bandwidth, the number of times a movie has been viewed, the storage space available from the internal hard disk
    • H04N21/44213—Monitoring of end-user related data
    • H04N21/44222—Analytics of user selections, e.g. selection of programs or purchase activity
    • 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]
    • 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/20—Servers specifically adapted for the distribution of content, e.g. VOD servers; Operations thereof
    • H04N21/25—Management operations performed by the server for facilitating the content distribution or administrating data related to end-users or client devices, e.g. end-user or client device authentication, learning user preferences for recommending movies
    • H04N21/251—Learning process for intelligent management, e.g. learning user preferences for recommending movies
    • 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/45—Management operations performed by the client for facilitating the reception of or the interaction with the content or administrating data related to the end-user or to the client device itself, e.g. learning user preferences for recommending movies, resolving scheduling conflicts
    • H04N21/466—Learning process for intelligent management, e.g. learning user preferences for recommending movies
    • H04N21/4667—Processing of monitored end-user data, e.g. trend analysis based on the log file of viewer selections

Landscapes

  • Engineering & Computer Science (AREA)
  • Databases & Information Systems (AREA)
  • Signal Processing (AREA)
  • Multimedia (AREA)
  • Health & Medical Sciences (AREA)
  • General Health & Medical Sciences (AREA)
  • Social Psychology (AREA)
  • Computer Networks & Wireless Communication (AREA)
  • Computing Systems (AREA)
  • Testing, Inspecting, Measuring Of Stereoscopic Televisions And Televisions (AREA)

Abstract

本发明涉及电视海报点击数据监测技术，解决了现有技术中没有对用户点击电视海报的点击数据进行监测的问题。技术方案概括为：Web前端模拟电视主场景监测电视海报点击数据的方法，Web前端从服务器获取电视主场景中各个海报的相应数据；Web前端利用Canvas的Zrender类库，调用各个海报预设的形状函数，根据每个海报的相应数据和形状函数绘制该海报的图像，并将预设的海报点击量图标与该海报对应的海报点击量数据对应后绘制到该海报的图像中；通过Web前端显示出绘制完成的图像。本发明实现了在Web前端监测用户对电视海报的点击数据，并且软件兼容性和动态性好，图像绘制速度快，开发难度低，效率高。特别适用于电视海报点击数据监测。

Description

Web前端模拟电视主场景监测电视海报点击数据的方法
技术领域
本发明涉及电视海报点击数据监测技术，特别涉及基于Web前端的电视海报点击数据监测技术。
背景技术
目前各个智能电视生产厂商对销售出的智能电视没有进行用户实时点击数据的监测。对用户点击电视海报的点击数据进行监测，有利于分析出用户在电视终端上的喜好，为今后在电视终端上设置节目板块等提供选择方向。
通过Web前端展示数据时，基于其2D图形制式，需采用一种2D图形的绘制方式，现有技术采用XML的SVG进行二维图形的描述，这种方式的优点是历史悠久，具有长期的经验论证，技术成熟度高。但这种方式存在的问题是：SVG所绘制的图形为矢量图，不能引入普通的图片，且复杂度高，会减慢绘制速度，并且SVG绘制图形的方式无法通过JavaScript来实现，只能在DOM中为元素添加JavaScript事件处理器，这种方式既不方便，又不高效，开发效率低，并且SVG兼容性差，不能与HTML内容集成，IE8、Android2.3默认浏览器等均不支持SVG，以及SVG动态性不足，无法动态修改动画内容。可以看出，SVG图像绘制速度慢，兼容性差，动态性差，并且开发效率不高。
发明内容
本发明为解决现有技术中没有对用户点击电视海报的点击数据进行监测的问题，提供一种Web前端模拟电视主场景监测电视海报点击数据的方法。
为解决上述问题，本发明采用的技术方案是：Web前端模拟电视主场景监测电视海报点击数据的方法，包括：
Web前端开发基于JavaScript的jQuery框架，引入Canvas的Zrender类库；
在Web前端分别建立电视主场景中各个海报的参数列表，Web前端从服务器获取电视主场景中各个海报对应的海报图片、海报显示位置、海报尺寸和海报点击量数据，并将获取到的数据分别存储到相应海报的参数列表中；
Web前端利用Canvas的Zrender类库，调用各个海报预设的形状函数，根据每个海报对应的海报图片、海报显示位置、海报尺寸和形状函数绘制该海报的图像，并将预设的海报点击量图标与该海报对应的海报点击量数据对应后绘制到该海报的图像中；
Web前端显示出绘制完成的海报的图像。
作为进一步优化，所述海报点击量数据包括连续的月点击量，和/或周点击量，和/或日点击量；
定义鼠标的移动事件、覆盖事件和点击事件，当鼠标移动到海报的图像范围内且点击该海报后，根据该海报对应的连续的月点击量，和/或周点击量，和/或日点击量，利用Canvas的Zrender类库绘制出该海报的月点击量统计图，和/或周点击量统计图，和/或日点击量统计图，并将该海报的统计图覆盖显示在海报的图像上，当鼠标移出该海报的图像范围后，清除对该海报的统计图的显示。当监测人员选中海报时显示出该海报的点击量统计图，这样能够反映出用户对该海报点击量的变化趋势，便于监测人员掌握相应节目的热度变化趋势，为在电视终端上进行节目板块设置提供了更加全面的参考信息。
作为进一步优化，所述海报点击量数据还包括累计点击量，将海报的累计点击量绘制到该海报的月点击量统计图，和/或周点击量统计图，和/或日点击量统计图中。在统计图中除了反映出点击量的变化趋势外，还通过累计点击量反映出总体点击信息，便于监测人员综合考量用户对电视节目的喜好。
作为进一步优化，所述海报点击量数据采用海报点击次数和海报点击台数。海报点击量数据采用多个角度的统计数据，从不同角度体现用户对电视节目的喜好。
有益效果是：本发明基于Canvas技术在Web前端模拟出电视主场景的海报界面，由于采用了Canvas技术，使得软件兼容性和动态性好，图像绘制速度快，并且能够通过JavaScript进行开发，开发难度降低，效率提高；在Web前端显示出的海报图像上，加入相应海报的点击量数据，实现了在Web前端监测用户对电视海报的点击数据，有利于分析出用户在电视终端上的喜好，为今后在电视终端上设置节目板块等提供选择方向。本发明特别适用于电视海报点击数据监测。
具体实施方式
下面结合实施例，进一步说明本发明的技术方案。
本发明的技术方案是：Web前端模拟电视主场景监测电视海报点击数据的方法，包括：
Web前端开发基于JavaScript的jQuery框架，引入Canvas的Zrender类库；
在Web前端分别建立电视主场景中各个海报的参数列表，Web前端从服务器获取电视主场景中各个海报对应的海报图片、海报显示位置、海报尺寸和海报点击量数据，并将获取到的数据分别存储到相应海报的参数列表中；
Web前端利用Canvas的Zrender类库，调用各个海报预设的形状函数，根据每个海报对应的海报图片、海报显示位置、海报尺寸和形状函数绘制该海报的图像，并将预设的海报点击量图标与该海报对应的海报点击量数据对应后绘制到该海报的图像中；
Web前端显示出绘制完成的海报的图像。
上述方法在JavaScript编程框架下通过Canvas技术，在Web前端绘制电视海报图像，模拟出电视主场景的海报界面，并在各个海报图像中加入相应的点击量数据，实现了通过Web前端对各个海报的点击量数据进行监测。
对上述方法进行进一步优化，具体可以是：海报点击量数据可以包括连续的月点击量，和/或周点击量，和/或日点击量；定义鼠标的移动事件、覆盖事件和点击事件，当鼠标移动到海报的图像范围内且点击该海报后，根据该海报对应的连续的月点击量，和/或周点击量，和/或日点击量，利用Canvas的Zrender类库绘制出该海报的月点击量统计图，和/或周点击量统计图，和/或日点击量统计图，并将该海报的统计图覆盖显示在海报的图像上，当鼠标移出该海报的图像范围后，清除对该海报的统计图的显示。当监测人员选中海报时显示出该海报的点击量统计图，这样能够反映出用户对该海报点击量的变化趋势，便于监测人员掌握相应节目的热度变化趋势，为在电视终端上进行节目板块设置提供了更加全面的参考信息。
海报点击量数据还可以包括累计点击量，将海报的累计点击量绘制到该海报的月点击量统计图，和/或周点击量统计图，和/或日点击量统计图中。在统计图中除了反映出点击量的变化趋势外，还通过累计点击量反映出总体点击信息，便于监测人员综合考量用户对电视节目的喜好。
海报点击量数据可以采用海报点击次数和海报点击台数，海报点击量数据采用多个角度的统计数据，从不同角度体现用户对电视节目的喜好。
实施例
下面具体举例说明本发明的技术方案，本例的海报点击量数据采用海报点击次数和海报点击台数，其中海报点击次数包括累计点击次数和连续的日点击次数，海报点击台数包括累计点击台数和连续的日点击台数。
首先，Web前端的开发基于JavaScript的jQuery框架，引入Canvas的Zrender类库；然后在Web前端分别建立电视主场景中各个海报的参数列表，Web前端从服务器获取电视主场景中各个海报对应的海报图片、海报显示位置、海报尺寸、累计点击次数、连续的日点击次数、累计点击台数和连续的日点击台数，并将获取到的数据分别存储到相应海报的参数列表中。接下来Web前端利用Canvas的Zrender类库，调用各个海报预设的形状函数，根据每个海报对应的海报图片、海报显示位置、海报尺寸和形状函数绘制该海报的图像，并将该海报的累计点击次数与预设的海报累计点击次数图标对应后绘制到该海报的图像中，将该海报的累计点击台数与预设的海报累计点击台数图标对应后绘制到该海报的图像中。然后Web前端显示出绘制完成的海报的图像。在Web前端的开发中，定义鼠标的移动事件、覆盖事件和点击事件，当鼠标移动到海报的图像范围内且点击该海报后，根据该海报对应的连续的日点击次数和日点击台数，利用Canvas的Zrender类库，将该海报的日点击次数折线和日点击台数折线绘制到一个统计图中，并将该海报对应的累计点击次数和累计点击台数加入到上述统计图中，就得到了该海报的日点击量统计图，根据上述定义的覆盖事件，Web前端将该海报的日点击量统计图覆盖显示在海报的图像上，当鼠标移出该海报的图像范围后，则清除对该海报的统计图的显示。

Claims (3)

1.Web前端模拟电视主场景监测电视海报点击数据的方法，其特征在于，包括：
Web前端开发基于JavaScript的jQuery框架，引入Canvas的Zrender类库；
在Web前端分别建立电视主场景中各个海报的参数列表，Web前端从服务器获取电视主场景中各个海报对应的海报图片、海报显示位置、海报尺寸和海报点击量数据，并将获取到的数据分别存储到相应海报的参数列表中；
Web前端利用Canvas的Zrender类库，调用各个海报预设的形状函数，根据每个海报对应的海报图片、海报显示位置、海报尺寸和形状函数绘制该海报的图像，并将预设的海报点击量图标与该海报对应的海报点击量数据对应后绘制到该海报的图像中；
Web前端显示出绘制完成的海报的图像；
所述海报点击量数据包括连续的月点击量，和/或周点击量，和/或日点击量；
定义鼠标的移动事件、覆盖事件和点击事件，当鼠标移动到海报的图像范围内且点击该海报后，根据该海报对应的连续的月点击量，和/或周点击量，和/或日点击量，利用Canvas的Zrender类库绘制出该海报的月点击量统计图，和/或周点击量统计图，和/或日点击量统计图，并将该海报的统计图覆盖显示在海报的图像上，当鼠标移出该海报的图像范围后，清除对该海报的统计图的显示。
2.如权利要求1所述的Web前端模拟电视主场景监测电视海报点击数据的方法，其特征在于，所述海报点击量数据还包括累计点击量，将海报的累计点击量绘制到该海报的月点击量统计图，和/或周点击量统计图，和/或日点击量统计图中。
3.如权利要求1或2所述的Web前端模拟电视主场景监测电视海报点击数据的方法，其特征在于，所述海报点击量数据采用海报点击次数和海报点击台数。
CN201811384903.9A 2018-11-20 2018-11-20 Web前端模拟电视主场景监测电视海报点击数据的方法 Active CN109547855B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201811384903.9A CN109547855B (zh) 2018-11-20 2018-11-20 Web前端模拟电视主场景监测电视海报点击数据的方法

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201811384903.9A CN109547855B (zh) 2018-11-20 2018-11-20 Web前端模拟电视主场景监测电视海报点击数据的方法

Publications (2)

Publication Number Publication Date
CN109547855A CN109547855A (zh) 2019-03-29
CN109547855B true CN109547855B (zh) 2021-05-25

Family

ID=65848863

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201811384903.9A Active CN109547855B (zh) 2018-11-20 2018-11-20 Web前端模拟电视主场景监测电视海报点击数据的方法

Country Status (1)

Country Link
CN (1) CN109547855B (zh)

Families Citing this family (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN115880002A (zh) * 2022-11-29 2023-03-31 四川虹魔方网络科技有限公司 一种实现智能电视Launcher点击数据可视化的方法

Citations (9)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101504671A (zh) * 2009-03-05 2009-08-12 阿里巴巴集团控股有限公司 用户访问网页行为的可视化处理方法、装置及系统
CN101777080A (zh) * 2010-03-19 2010-07-14 北京国双科技有限公司 基于用户点击数据的网页分析方法
CN104408185A (zh) * 2014-12-15 2015-03-11 北京国双科技有限公司 网页热力图的链接点击量展示方法及装置
CN105701164A (zh) * 2015-12-30 2016-06-22 广东欧珀移动通信有限公司 一种网页点击量的统计方法和装置
CN106600303A (zh) * 2015-10-20 2017-04-26 北京国双科技有限公司 评估广告投放合理性的方法和装置
CN106792091A (zh) * 2016-12-16 2017-05-31 四川长虹电器股份有限公司 智能电视主场景海报点击热度分析系统
CN107016106A (zh) * 2017-04-12 2017-08-04 深圳市茁壮网络股份有限公司 一种信息采集系统及Web应用
CN107809492A (zh) * 2017-12-08 2018-03-16 广东太平洋互联网信息服务有限公司 分享信息的生成方法和系统
CN108304498A (zh) * 2018-01-12 2018-07-20 深圳壹账通智能科技有限公司 网页数据采集方法、装置、计算机设备和存储介质

Family Cites Families (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20080046562A1 (en) * 2006-08-21 2008-02-21 Crazy Egg, Inc. Visual web page analytics

Patent Citations (9)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101504671A (zh) * 2009-03-05 2009-08-12 阿里巴巴集团控股有限公司 用户访问网页行为的可视化处理方法、装置及系统
CN101777080A (zh) * 2010-03-19 2010-07-14 北京国双科技有限公司 基于用户点击数据的网页分析方法
CN104408185A (zh) * 2014-12-15 2015-03-11 北京国双科技有限公司 网页热力图的链接点击量展示方法及装置
CN106600303A (zh) * 2015-10-20 2017-04-26 北京国双科技有限公司 评估广告投放合理性的方法和装置
CN105701164A (zh) * 2015-12-30 2016-06-22 广东欧珀移动通信有限公司 一种网页点击量的统计方法和装置
CN106792091A (zh) * 2016-12-16 2017-05-31 四川长虹电器股份有限公司 智能电视主场景海报点击热度分析系统
CN107016106A (zh) * 2017-04-12 2017-08-04 深圳市茁壮网络股份有限公司 一种信息采集系统及Web应用
CN107809492A (zh) * 2017-12-08 2018-03-16 广东太平洋互联网信息服务有限公司 分享信息的生成方法和系统
CN108304498A (zh) * 2018-01-12 2018-07-20 深圳壹账通智能科技有限公司 网页数据采集方法、装置、计算机设备和存储介质

Also Published As

Publication number Publication date
CN109547855A (zh) 2019-03-29

Similar Documents

Publication Publication Date Title
US20200125789A1 (en) Dynamic zooming of content with overlays
CN106156066B (zh) 一种页面切换方法、装置及客户端
CN109388317B (zh) 一种图片加载方法、终端设备及存储介质
CN103677539A (zh) 界面调整方法与装置
CN110968962B (zh) 基于云渲染在移动端或大屏三维展示方法及系统
CN107870795B (zh) 一种电子地图显示的方法及装置
CN113127784A (zh) 大屏数据可视化显示方法、装置、存储介质和计算机设备
CN103092834A (zh) 浏览网页图片的方法及客户端装置
CN109547855B (zh) Web前端模拟电视主场景监测电视海报点击数据的方法
CN116909505A (zh) 自适应可视区域的显示方法、装置、系统及介质
CN113867580B (zh) 窗口内指针的显示控制方法及装置、设备、存储介质
JP5563703B2 (ja) コンテンツ配信装置、コンテンツ配信方法、コンテンツ配信プログラム及び端末用プログラム
CN110889057B (zh) 业务数据可视化方法和业务对象可视化装置
CN112995711B (zh) 一种web前端视频的分帧与图片处理合成方法及系统
AU2011239885A9 (en) So-called HD-Web method for high-definition and all-screen compatibile internet contents
CN104657805A (zh) 不动产信息分析管理系统及方法
CN113285981B (zh) 远程控制方法、被控制方法及装置、设备、存储介质
CN114143590B (zh) 一种视频播放方法、服务器及存储介质
CN102866830B (zh) 界面动态显示方法及装置
CN111741337B (zh) 一种推荐信息展示方法、装置及设备
CN114168130A (zh) 埋点数据上报方法、装置、电子设备及存储介质
CN110912750B (zh) 基于web的数据采集管理方法及装置
CN109257643B (zh) 一种直播间展示方法、终端设备及存储介质
CN110557627B (zh) 性能的监测方法、装置以及存储介质
CN111580809A (zh) 一种可视化webgl框架构建方法、装置及计算机设备

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
GR01 Patent grant
GR01 Patent grant