CN107920098A - 一种网页播放器图标显示的方法及系统 - Google Patents

一种网页播放器图标显示的方法及系统 Download PDF

Info

Publication number
CN107920098A
CN107920098A CN201610881746.7A CN201610881746A CN107920098A CN 107920098 A CN107920098 A CN 107920098A CN 201610881746 A CN201610881746 A CN 201610881746A CN 107920098 A CN107920098 A CN 107920098A
Authority
CN
China
Prior art keywords
icon
player
address
video
file name
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.)
Granted
Application number
CN201610881746.7A
Other languages
English (en)
Other versions
CN107920098B (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.)
Hainan Qiantang Shilian Information Technology Co.,Ltd.
Original Assignee
Beijing Visionvera International Information Technology 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 Beijing Visionvera International Information Technology Co Ltd filed Critical Beijing Visionvera International Information Technology Co Ltd
Priority to CN201610881746.7A priority Critical patent/CN107920098B/zh
Publication of CN107920098A publication Critical patent/CN107920098A/zh
Application granted granted Critical
Publication of CN107920098B publication Critical patent/CN107920098B/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/41—Structure of client; Structure of client peripherals
    • H04N21/426—Internal components of the client ; Characteristics thereof
    • H04N21/42684—Client identification by a unique number or address, e.g. serial number, MAC address, socket ID
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00—Arrangements for software engineering
    • G06F8/60—Software deployment
    • 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/2866—Architectures; Arrangements
    • H04L67/30—Profiles
    • 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/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/443—OS processes, e.g. booting an STB, implementing a Java virtual machine in an STB or power management in an STB
    • H04N21/4438—Window management, e.g. event handling following interaction with the user interface
    • 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/454—Content or additional data filtering, e.g. blocking advertisements
    • H04N21/4545—Input to filtering algorithms, e.g. filtering a region of the image
    • H04N21/45457—Input to filtering algorithms, e.g. filtering a region of the image applied to a time segment
    • 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/47—End-user applications
    • H04N21/472—End-user interface for requesting content, additional data or services; End-user interface for interacting with content, e.g. for content reservation or setting reminders, for requesting event notification, for manipulating displayed content
    • H04N21/47205—End-user interface for requesting content, additional data or services; End-user interface for interacting with content, e.g. for content reservation or setting reminders, for requesting event notification, for manipulating displayed content for manipulating displayed content, e.g. interacting with MPEG-4 objects, editing locally
    • 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/47—End-user applications
    • H04N21/485—End-user interface for client configuration
    • H04N21/4858—End-user interface for client configuration for modifying screen layout parameters, e.g. fonts, size of the windows

Landscapes

  • Engineering & Computer Science (AREA)
  • Signal Processing (AREA)
  • Multimedia (AREA)
  • Software Systems (AREA)
  • Human Computer Interaction (AREA)
  • General Engineering & Computer Science (AREA)
  • Databases & Information Systems (AREA)
  • Theoretical Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Power Engineering (AREA)
  • Computer Networks & Wireless Communication (AREA)
  • Information Transfer Between Computers (AREA)

Abstract

本发明实施例提供了一种网页播放器图标显示的方法及系统，涉及视联网技术领域。通过JS组件调用播放器组件的参数接口，将JS组件中配置的图标地址和图标文件名发送至所述播放器组件，所述播放器组件根据所述图标地址和图标文件名从图标服务器获取图标，在播放器指定位置展示。通过在JS组件中配置图标地址和图标文件名，由此解决了通过重新编译播放器的源代码并在源代码中更改播放器的图标地址和图标文件名带来的操作过程繁琐，不方便开发人员更改播放器中展示的图标的问题，不用开发人员对视频播放组件的源代码进行频繁的修改，转而对JS组件的配置文件进行简单的修改，即可使开发人员可以快速、便捷地更改播放器中展示的图标。

Description

一种网页播放器图标显示的方法及系统
技术领域
本发明涉及视联网技术领域，特别是涉及一种网页播放器图标显示的方法及系统。
背景技术
随着网络科技的不断发展，播放器也成为人们生活中获取信息的一个重要工具。对于专业的视频公司来说，自己使用的播放器需要拥有自己的产品标识，并在播放器中展示自己的图标。
目前，开发人员通过重新编译播放器的源代码，然后在源代码中更改播放器的图标地址和图标文件名，通过所述图标地址和图标文件名获取新的图标，最后更改播放器中展示的图标。
在发明人应用在先技术时，发现在先技术对于更改播放器中展示的图标的方法，需要不断编译播放器的源代码来实现更改图标的目的，操作过程繁琐，不方便开发人员更改播放器中展示的图标。
发明内容
鉴于上述问题，提出了本发明实施例以便提供一种克服上述问题或者至少部分地解决上述问题的一种网页播放器图标显示的方法和相应的一种网页播放器图标显示的系统。
为了解决上述问题，本发明实施例公开了一种网页播放器图标显示的方法，包括：
在客户端打开网页后，在网页中加载JS(Javascript，脚本语言)组件和播放器组件；
所述JS组件调用所述播放器组件的参数接口，将JS组件中配置的参数发送至所述播放器组件；所述参数包括图标地址、图标文件名、视频地址；
所述播放器组件从所述参数接口中读取图标地址和图标文件名，并根据所述图标地址和所述图标文件名从图标服务器获取图标，在播放器指定位置展示；
所述播放器组件从所述参数接口中读取视频地址，并根据所述视频地址从视频服务器中获取视频进行播放。
优选地，所述参数还包括：图标自动隐藏时间。
优选地，在所述播放器组件从所述参数接口中读取图标地址和图标文件名，并根据所述图标地址和所述图标文件名从图标服务器获取图标，在播放器指定位置展示的步骤之后，还包括：
判断所述图标的展示时间是否达到所述图标自动隐藏时间；
如果达到，则隐藏所述指定位置展示的图标。
为了解决上述问题，本发明实施例公开了一种网页播放器图标显示的系统，包括：
加载模块，用于在客户端打开网页后，在网页中加载JS组件和播放器组件；
参数接口调用模块，用于所述JS组件调用所述播放器组件的参数接口，将JS组件中配置的参数发送至所述播放器组件；所述参数包括图标地址、图标文件名、视频地址；
展示模块，用于所述播放器组件从所述参数接口中读取图标地址和图标文件名，并根据所述图标地址和所述图标文件名从图标服务器获取图标，在播放器指定位置展示；
播放模块，用于所述播放器组件从所述参数接口中读取视频地址，并根据所述视频地址从视频服务器中获取视频进行播放。
优选地，所述参数还包括：图标自动隐藏时间。
优选地，在所述展示模块之后，还包括：
判断模块，用于判断所述图标的展示时间是否达到所述图标自动隐藏时间；
图标隐藏模块，用于如果达到，则隐藏所述指定位置展示的图标。
本发明实施例包括以下优点：
本发明实施例应用视联网的特性，通过JS组件调用播放器组件的参数接口，将JS组件中配置的图标地址和图标文件名发送至所述播放器组件，所述播放器组件从所述参数接口中读取图标地址和图标文件名，并根据所述图标地址和图标文件名从图标服务器获取图标，在播放器指定位置展示。通过在JS组件中配置图标地址和图标文件名，由此解决了通过重新编译播放器的源代码并在源代码中更改播放器的图标地址和图标文件名带来的操作过程繁琐，不方便开发人员更改播放器中展示的图标的问题，不用开发人员对视频播放组件的源代码进行频繁的修改，转而对JS组件的配置文件进行简单的修改，即可使开发人员可以快速、便捷地更改播放器中展示的图标。
附图说明
图1是本发明的一种视联网的组网示意图；
图2是本发明的一种节点服务器的硬件结构示意图；
图3是本发明的一种接入交换机的硬件结构示意图；
图4是本发明的一种以太网协转网关的硬件结构示意图；
图5是本发明的实施例一提供的一种网页播放器图标显示的方法实施例的步骤流程图；
图6是本发明的实施例二提供的一种网页播放器图标显示的方法实施例的步骤流程图；
图7是本发明的实施例三提供的一种网页播放器图标显示的系统实施例的结构框图；
图8是本发明的实施例四提供的一种网页播放器图标显示的系统实施例的结构框图。
具体实施方式
为使本发明的上述目的、特征和优点能够更加明显易懂，下面结合附图和具体实施方式对本发明作进一步详细的说明。
视联网是网络发展的重要里程碑，是一个实时网络，能够实现高清视频实时传输，将众多互联网应用推向高清视频化，高清面对面。
视联网是网络发展的重要里程碑，是互联网的更高级形态，是一个实时网络，能够实现目前互联网无法实现的全网高清视频实时传输，将众多互联网应用推向高清视频化，高清面对面。最终将实现世界无距离，实现全球范围内人与人的距离只是一个屏幕的距离。
视联网采用实时高清视频交换技术，可以在一个网络平台上将所需的服务，如高清视频会议、视频监控、智能化监控分析、应急指挥、数字广播电视、延时电视、网络教学、现场直播、VOD点播、电视邮件、个性录制(PVR)、内网(自办)频道、智能化视频播控、信息发布等数十种视频、语音、图片、文字、通讯、数据等服务全部整合在一个系统平台，通过电视或电脑实现高清品质视频播放。
为使本领域技术人员更好地理解本发明实施例，以下对视联网进行介绍：
视联网所应用的部分技术如下所述：
网络技术(Network Technology)
视联网的网络技术创新改良了传统以太网(Ethernet)，以面对网络上潜在的巨大视频流量。不同于单纯的网络分组包交换(Packet Switching)或网络电路交换(CircuitSwitching)，视联网技术采用Packet Switching满足Streaming需求。视联网技术具备分组交换的灵活、简单和低价，同时具备电路交换的品质和安全保证，实现了全网交换式虚拟电路，以及数据格式的无缝连接。
交换技术(Switching Technology)
视联网采用以太网的异步和包交换两个优点，在全兼容的前提下消除了以太网缺陷，具备全网端到端无缝连接，直通用户终端，直接承载IP数据包。用户数据在全网范围内不需任何格式转换。视联网是以太网的更高级形态，是一个实时交换平台，能够实现目前互联网无法实现的全网大规模高清视频实时传输，将众多网络视频应用推向高清化、统一化。
服务器技术(Server Technology)
视联网和统一视频平台上的服务器技术不同于传统意义上的服务器，它的流媒体传输是建立在面向连接的基础上，其数据处理能力与流量、通讯时间无关，单个网络层就能够包含信令及数据传输。对于语音和视频业务来说，视联网和统一视频平台流媒体处理的复杂度比数据处理简单许多，效率比传统服务器大大提高了百倍以上。
储存器技术(Storage Technology)
统一视频平台的超高速储存器技术为了适应超大容量和超大流量的媒体内容而采用了最先进的实时操作系统，将服务器指令中的节目信息映射到具体的硬盘空间，媒体内容不再经过服务器，瞬间直接送达到用户终端，用户等待一般时间小于0.2秒。最优化的扇区分布大大减少了硬盘磁头寻道的机械运动，资源消耗仅占同等级IP互联网的20％，但产生大于传统硬盘阵列3倍的并发流量，综合效率提升10倍以上。
网络安全技术(Network Security Technology)
视联网的结构性设计通过每次服务单独许可制、设备与用户数据完全隔离等方式从结构上彻底根除了困扰互联网的网络安全问题，一般不需要杀毒程序、防火墙，杜绝了黑客与病毒的攻击，为用户提供结构性的无忧安全网络。
服务创新技术(Service Innovation Technology)
统一视频平台将业务与传输融合在一起，不论是单个用户、私网用户还是一个网络的总合，都不过是一次自动连接。用户终端、机顶盒或PC直接连到统一视频平台，获得丰富多彩的各种形态的多媒体视频服务。统一视频平台采用“菜谱式”配表模式来替代传统的复杂应用编程，可以使用非常少的代码即可实现复杂的应用，实现“无限量”的新业务创新。
视联网的组网如下所述：
视联网是一种集中控制的网络结构，该网络可以是树型网、星型网、环状网等等类型，但在此基础上网络中需要有集中控制节点来控制整个网络。
如图1所示，视联网分为接入网和城域网两部分。
接入网部分的设备主要可以分为3类：节点服务器，接入交换机，终端(包括各种机顶盒、编码板、存储器等)。节点服务器与接入交换机相连，接入交换机可以与多个终端相连，并可以连接以太网。
其中，节点服务器是接入网中起集中控制功能的节点，可控制接入交换机和终端。节点服务器可直接与接入交换机相连，也可以直接与终端相连。
类似的，城域网部分的设备也可以分为3类：城域服务器，节点交换机，节点服务器。城域服务器与节点交换机相连，节点交换机可以与多个节点服务器相连。
其中，节点服务器即为接入网部分的节点服务器，即节点服务器既属于接入网部分，又属于城域网部分。
城域服务器是城域网中起集中控制功能的节点，可控制节点交换机和节点服务器。城域服务器可直接连接节点交换机，也可直接连接节点服务器。
由此可见，整个视联网络是一种分层集中控制的网络结构，而节点服务器和城域服务器下控制的网络可以是树型、星型、环状等各种结构。
形象地称，接入网部分可以组成统一视频平台(虚线圈中部分)，多个统一视频平台可以组成视联网；每个统一视频平台可以通过城域以及广域视联网互联互通。
视联网设备分类
1.1本发明实施例的视联网中的设备主要可以分为3类：服务器，交换机(包括以太网网关)，终端(包括各种机顶盒，编码板，存储器等)。视联网整体上可以分为城域网(或者国家网、全球网等)和接入网。
1.2其中接入网部分的设备主要可以分为3类：节点服务器，接入交换机(包括以太网网关)，终端(包括各种机顶盒，编码板，存储器等)。
各接入网设备的具体硬件结构为：
节点服务器：
如图2所示，主要包括网络接口模块201、交换引擎模块202、CPU模块203、磁盘阵列模块204；
其中，网络接口模块201，CPU模块203、磁盘阵列模块204进来的包均进入交换引擎模块202；交换引擎模块202对进来的包进行查地址表205的操作，从而获得包的导向信息；并根据包的导向信息把该包存入对应的包缓存器206的队列；如果包缓存器206的队列接近满，则丢弃；交换引擎模202轮询所有包缓存器队列，如果满足以下条件进行转发：1)该端口发送缓存未满；2)该队列包计数器大于零。磁盘阵列模块204主要实现对硬盘的控制，包括对硬盘的初始化、读写等操作；CPU模块203主要负责与接入交换机、终端(图中未示出)之间的协议处理，对地址表205(包括下行协议包地址表、上行协议包地址表、数据包地址表)的配置，以及，对磁盘阵列模块204的配置。
接入交换机：
如图3所示，主要包括网络接口模块(下行网络接口模块301、上行网络接口模块302)、交换引擎模块303和CPU模块304；
其中，下行网络接口模块301进来的包(上行数据)进入包检测模块305；包检测模块305检测包的目地地址(DA)、源地址(SA)、数据包类型及包长度是否符合要求，如果符合，则分配相应的流标识符(stream-id)，并进入交换引擎模块303，否则丢弃；上行网络接口模块302进来的包(下行数据)进入交换引擎模块303；CPU模块204进来的数据包进入交换引擎模块303；交换引擎模块303对进来的包进行查地址表306的操作，从而获得包的导向信息；如果进入交换引擎模块303的包是下行网络接口往上行网络接口去的，则结合流标识符(stream-id)把该包存入对应的包缓存器307的队列；如果该包缓存器307的队列接近满，则丢弃；如果进入交换引擎模块303的包不是下行网络接口往上行网络接口去的，则根据包的导向信息，把该数据包存入对应的包缓存器307的队列；如果该包缓存器307的队列接近满，则丢弃。
交换引擎模块303轮询所有包缓存器队列，在本发明实施例中分两种情形：
如果该队列是下行网络接口往上行网络接口去的，则满足以下条件进行转发：1)该端口发送缓存未满；2)该队列包计数器大于零；3)获得码率控制模块产生的令牌；
如果该队列不是下行网络接口往上行网络接口去的，则满足以下条件进行转发：1)该端口发送缓存未满；2)该队列包计数器大于零。
码率控制模块208是由CPU模块204来配置的，在可编程的间隔内对所有下行网络接口往上行网络接口去的包缓存器队列产生令牌，用以控制上行转发的码率。
CPU模块304主要负责与节点服务器之间的协议处理，对地址表306的配置，以及，对码率控制模块308的配置。
以太网协转网关：
如图4所示，主要包括网络接口模块(下行网络接口模块401、上行网络接口模块402)、交换引擎模块403、CPU模块404、包检测模块405、码率控制模块408、地址表406、包缓存器407和MAC添加模块409、MAC删除模块410。
其中，下行网络接口模块401进来的数据包进入包检测模块405；包检测模块405检测数据包的以太网MAC DA、以太网MAC SA、以太网length or frame type、视联网目地地址DA、视联网源地址SA、视联网数据包类型及包长度是否符合要求，如果符合则分配相应的流标识符(stream-id)；然后，由MAC删除模块410减去MAC DA、MAC SA、length or frame type(2byte)，并进入相应的接收缓存，否则丢弃；
下行网络接口模块401检测该端口的发送缓存，如果有包则根据包的视联网目地地址DA获知对应的终端的以太网MAC DA，添加终端的以太网MAC DA、以太网协转网关的MACSA、以太网length or frame type，并发送。
以太网协转网关中其他模块的功能与接入交换机类似。
终端：
主要包括网络接口模块、业务处理模块和CPU模块；例如，机顶盒主要包括网络接口模块、视音频编解码引擎模块、CPU模块；编码板主要包括网络接口模块、视音频编码引擎模块、CPU模块；存储器主要包括网络接口模块、CPU模块和磁盘阵列模块。
1.3城域网部分的设备主要可以分为2类：节点服务器，节点交换机，城域服务器。其中，节点交换机主要包括网络接口模块、交换引擎模块和CPU模块；城域服务器主要包括网络接口模块、交换引擎模块和CPU模块构成。
2、视联网数据包定义
2.1接入网数据包定义
接入网的数据包主要包括以下几部分：目的地址(DA)、源地址(SA)、保留字节、payload(PDU)、CRC。
如下表所示，接入网的数据包主要包括以下几部分：
DA SA Reserved Payload CRC
其中：
目的地址(DA)由8个字节(byte)组成，第一个字节表示数据包的类型(例如各种协议包、组播数据包、单播数据包等)，最多有256种可能，第二字节到第六字节为城域网地址，第七、第八字节为接入网地址；
源地址(SA)也是由8个字节(byte)组成，定义与目的地址(DA)相同；
保留字节由2个字节组成；
payload部分根据不同的数据报的类型有不同的长度，如果是各种协议包的话是64个字节，如果是单组播数据包话是32+1024＝1056个字节，当然并不仅仅限于以上2种；
CRC有4个字节组成，其计算方法遵循标准的以太网CRC算法。
2.2城域网数据包定义
城域网的拓扑是图型，两个设备之间可能有2种、甚至2种以上的连接，即节点交换机和节点服务器、节点交换机和节点交换机、节点交换机和节点服务器之间都可能超过2种连接。但是，城域网设备的城域网地址却是唯一的，为了精确描述城域网设备之间的连接关系，在本发明实施例中引入参数：标签，来唯一描述一个城域网设备。
本说明书中标签的定义和MPLS(Multi-Protocol Label Switch，多协议标签交换)的标签的定义类似，假设设备A和设备B之间有两个连接，那么数据包从设备A到设备B就有2个标签，数据包从设备B到设备A也有2个标签。标签分入标签、出标签，假设数据包进入设备A的标签(入标签)是0x0000，这个数据包离开设备A时的标签(出标签)可能就变成了0x0001。城域网的入网流程是集中控制下的入网过程，也就意味着城域网的地址分配、标签分配都是由城域服务器主导的，节点交换机、节点服务器都是被动的执行而已，这一点与MPLS的标签分配是不同的，MPLS的标签分配是交换机、服务器互相协商的结果。
如下表所示，城域网的数据包主要包括以下几部分：
DA SA Reserved 标签 Payload CRC
即目的地址(DA)、源地址(SA)、保留字节(Reserved)、标签、payload(PDU)、CRC。其中，标签的格式可以参考如下定义：标签是32bit，其中高16bit保留，只用低16bit，它的位置是在数据包的保留字节和payload之间。
基于视联网的上述特性，提出了本发明实施例的核心构思之一，遵循视联网的协议，由JS组件调用所述播放器组件的参数接口，将JS组件中配置的图标地址发送至所述播放器组件，播放器组件从所述参数接口中读取图标地址并根据所述图标地址从图标服务器获取图标，在播放器指定位置展示。
实施例一
参照图5，示出了本发明的一种网页播放器图标显示的方法实施例的步骤流程图，该方法可以应用于视联网中，具体可以包括如下步骤：
步骤501，在客户端打开网页后，在网页中加载JS组件和播放器组件。
服务器端在编译所述网页时，将所述JS组件和播放器组件的代码写入到所述网页的HTML(HyperText Markup Language，超文本标记语言)代码中。
用户在客户端的浏览器中打开某个网页后，所述网页包括可以播放视频的视频播放器，所述视频播放器包括JW Player(Jeroen Wijering Player，网页媒体播放器)；然后在网页中启动加载JS组件和播放器组件。
步骤502，所述JS组件调用所述播放器组件的参数接口，将JS组件中配置的参数发送至所述播放器组件；所述参数包括图标地址、图标文件名、视频地址。
开发人员在JS组件中用JS语言配置参数，所述参数包括图标地址、图标文件名、以及视频地址。
例如，图标地址为http://127.0.0.1:8080/cms/resources/jwplayer，图标文件名为图标.png，视频地址为rtmp://192.168.10.10/vod/flv:2016-8-26/20160826测试-cc277c80-2c07-46db-99b6-987057c7f4be.flv。
重新编译播放器组件的源代码，删除所述源代码中用于图标展示的图标地址代码，并添加一个参数接口，JS组件调用所述参数接口，将JS组件中配置的图标地址和图标文件名拼接生成新的图标地址，将新的图标地址和视频地址发送至所述播放器组件。
例如，新的图标地址为http://127.0.0.1:8080/cms/resources/jwplayer/图标.png。
步骤503，所述播放器组件从所述参数接口中读取图标地址和图标文件名，并根据所述图标地址和所述图标文件名从图标服务器获取图标，在播放器指定位置展示。
所述播放器组件从所述参数接口中读取图标地址和图标文件名拼接生成新的图标地址，根据所述新的图标地址向图标服务器发送图标获取请求，在图标服务器中获取图标，所述图标也可描述为logo(logotype，商标)，并将所述图标返回至播放器组件，在播放器的播放展示界面的指定位置展示所述图标。
例如，播放器组件根据http://127.0.0.1:8080/cms/resources/jwplayer/图标.png从图标服务器获取图标，在播放器的播放展示界面的右上角展示图标。
步骤504，所述播放器组件从所述参数接口中读取视频地址，并根据所述视频地址从视频服务器中获取视频进行播放。
所述播放器组件从所述参数接口中读取视频地址，根据所述视频地址向视频服务器发送视频获取请求，在视频服务器中获取视频，并将所述视频返回至播放器组件，在播放器中进行播放。
例如，播放器组件根据rtmp://192.168.10.10/vod/flv:2016-8-26/20160826测试-cc277c80-2c07-46db-99b6-987057c7f4be.flv从视频服务器中获取视频进行播放。
在本发明实施例中，通过JS组件调用播放器组件的参数接口，将JS组件中配置的图标地址和图标文件名发送至所述播放器组件，所述播放器组件从所述参数接口中读取图标地址和图标文件名，并根据所述图标地址和图标文件名从图标服务器获取图标，在播放器指定位置展示。通过在JS组件中配置图标地址和图标文件名，由此解决了通过重新编译播放器的源代码并在源代码中更改播放器的图标地址和图标文件名带来的操作过程繁琐，不方便开发人员更改播放器中展示的图标的问题，不用开发人员对视频播放组件的源代码进行频繁的修改，转而对JS组件的配置文件进行简单的修改，即可使开发人员可以快速、便捷地更改播放器中展示的图标。
实施例二
参照图6，示出了本发明的一种网页播放器图标显示的方法实施例的步骤流程图，该方法可以应用于视联网中，具体可以包括如下步骤：
步骤601，在客户端打开网页后，在网页中加载JS组件和播放器组件。
本发明实施例的步骤601与实施例一的步骤501原理类似，在此不再详述。
步骤602，所述JS组件调用所述播放器组件的参数接口，将JS组件中配置的参数发送至所述播放器组件；所述参数包括图标地址、图标文件名、图标自动隐藏时间以及视频地址。
开发人员在JS组件中用JS语言配置参数，所述参数包括图标地址、图标文件名、图标自动隐藏时间以及视频地址。
例如，图标地址为http://127.0.0.1:8080/cms/resources/jwplayer，图标文件名为图标.png，视频地址为rtmp://192.168.10.10/vod/flv:2016-8-26/20160826测试-cc277c80-2c07-46db-99b6-987057c7f4be.flv，图标自动隐藏时间的参数项为timeout，所述参数项的参数值为10。
重新编译播放器组件的源代码，删除所述源代码中用于图标展示的图标地址代码，并添加一个参数接口，JS组件调用所述参数接口，将JS组件中配置的图标地址和图标文件名拼接生成新的图标地址，将新的图标地址、图标自动隐藏时间以及视频地址发送至所述播放器组件。
例如，新的图标地址为http://127.0.0.1:8080/cms/resources/jwplayer/图标.png。
步骤603，所述播放器组件从所述参数接口中读取图标地址和图标文件名，并根据所述图标地址和所述图标文件名从图标服务器获取图标，在播放器指定位置展示。
本发明实施例的步骤603与实施例一的步骤503原理类似，在此不再详述。
步骤604，所述播放器组件从所述参数接口中读取视频地址，并根据所述视频地址从视频服务器中获取视频进行播放。
本发明实施例的步骤604与实施例一的步骤504原理类似，在此不再详述。
步骤605，判断所述图标的展示时间是否达到所述图标自动隐藏时间。
读取所述图标的展示时间，与图标自动隐藏时间进行比较，判断所述图标的展示时间是否达到所述图标自动隐藏时间。
例如，所述图标自动隐藏时间为10s，读取图标的展示时间与10s进行比较。
步骤606，如果没有达到，则继续在所述播放器指定位置展示图标。
如果图标的展示时间小于图标自动隐藏时间，则继续在所述播放器的播放展示界面的指定位置展示所述图标。
例如，如果图标的展示时间小于10s，则继续在播放器的播放展示界面的右上角展示图标。
步骤607，如果达到，则隐藏所述指定位置展示的图标。
如果图标的展示时间大于等于图标自动隐藏时间，则隐藏所述播放器的播放展示界面的指定位置展示的图标。
例如，如果图标的展示时间大于等于10s，则隐藏播放器的播放展示界面的指定位置展示的图标。
在本发明实施例中，通过JS组件调用播放器组件的参数接口，将JS组件中配置的图标地址和图标文件名发送至所述播放器组件，所述播放器组件从所述参数接口中读取图标地址和图标文件名，并根据所述图标地址和图标文件名从图标服务器获取图标，在播放器指定位置展示，如果图标展示时间达到图标自动隐藏时间则隐藏所述指定位置展示的图标。通过在JS组件中配置图标地址、图标文件名以及图标自动隐藏时间，由此解决了通过重新编译播放器的源代码并在源代码中更改播放器的图标地址和图标文件名带来的操作过程繁琐，不方便开发人员更改播放器中展示的图标的问题，不用开发人员对视频播放组件的源代码进行频繁的修改，转而对JS组件的配置文件进行简单的修改，即可使开发人员可以快速、便捷地更改播放器中展示的图标，也可以自动隐藏播放器中展示的图标。
需要说明的是，对于方法实施例，为了简单描述，故将其都表述为一系列的动作组合，但是本领域技术人员应该知悉，本发明实施例并不受所描述的动作顺序的限制，因为依据本发明实施例，某些步骤可以采用其他顺序或者同时进行。其次，本领域技术人员也应该知悉，说明书中所描述的实施例均属于优选实施例，所涉及的动作并不一定是本发明实施例所必须的。
实施例三
参照图7，示出了本发明的一种网页播放器图标显示的系统实施例的结构框图，该系统可以应用于视联网中，具体可以包括如下模块：
加载模块701，用于在客户端打开网页后，在网页中加载JS组件和播放器组件。
参数接口调用模块702，用于所述JS组件调用所述播放器组件的参数接口，将JS组件中配置的参数发送至所述播放器组件；所述参数包括图标地址、图标文件名、视频地址。
展示模块703，用于所述播放器组件从所述参数接口中读取图标地址和图标文件名，并根据所述图标地址和所述图标文件名从图标服务器获取图标，在播放器指定位置展示。
播放模块704，用于所述播放器组件从所述参数接口中读取视频地址，并根据所述视频地址从视频服务器中获取视频进行播放。
在本发明实施例中，通过JS组件调用播放器组件的参数接口，将JS组件中配置的图标地址和图标文件名发送至所述播放器组件，所述播放器组件从所述参数接口中读取图标地址和图标文件名，并根据所述图标地址和图标文件名从图标服务器获取图标，在播放器指定位置展示。通过在JS组件中配置图标地址和图标文件名，由此解决了通过重新编译播放器的源代码并在源代码中更改播放器的图标地址和图标文件名带来的操作过程繁琐，不方便开发人员更改播放器中展示的图标的问题，不用开发人员对视频播放组件的源代码进行频繁的修改，转而对JS组件的配置文件进行简单的修改，即可使开发人员可以快速、便捷地更改播放器中展示的图标。
实施例四
参照图8，示出了本发明的一种网页播放器图标显示的系统实施例的结构框图，该系统可以应用于视联网中，具体可以包括如下模块：
加载模块801，用于在客户端打开网页后，在网页中加载JS组件和播放器组件。
参数接口调用模块802，用于所述JS组件调用所述播放器组件的参数接口，将JS组件中配置的参数发送至所述播放器组件；所述参数包括图标地址、图标文件名、图标自动隐藏时间以及视频地址。
展示模块803，用于所述播放器组件从所述参数接口中读取图标地址和图标文件名，并根据所述图标地址和所述图标文件名从图标服务器获取图标，在播放器指定位置展示。
播放模块804，用于所述播放器组件从所述参数接口中读取视频地址，并根据所述视频地址从视频服务器中获取视频进行播放。
判断模块805，用于判断所述图标的展示时间是否达到所述图标自动隐藏时间。
图标展示模块806，用于如果没有达到，则继续在所述播放器指定位置展示图标。
图标隐藏模块807，用于如果达到，则隐藏所述指定位置展示的图标。
在本发明实施例中，通过JS组件调用播放器组件的参数接口，将JS组件中配置的图标地址和图标文件名发送至所述播放器组件，所述播放器组件从所述参数接口中读取图标地址和图标文件名，并根据所述图标地址和图标文件名从图标服务器获取图标，在播放器指定位置展示，如果图标展示时间达到图标自动隐藏时间则隐藏所述指定位置展示的图标。通过在JS组件中配置图标地址、图标文件名以及图标自动隐藏时间，由此解决了通过重新编译播放器的源代码并在源代码中更改播放器的图标地址和图标文件名带来的操作过程繁琐，不方便开发人员更改播放器中展示的图标的问题，不用开发人员对视频播放组件的源代码进行频繁的修改，转而对JS组件的配置文件进行简单的修改，即可使开发人员可以快速、便捷地更改播放器中展示的图标，也可以自动隐藏播放器中展示的图标。
对于系统实施例而言，由于其与方法实施例基本相似，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。
本说明书中的各个实施例均采用递进的方式描述，每个实施例重点说明的都是与其他实施例的不同之处，各个实施例之间相同相似的部分互相参见即可。
本领域内的技术人员应明白，本发明实施例的实施例可提供为方法、装置、或计算机程序产品。因此，本发明实施例可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本发明实施例可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
本发明实施例是参照根据本发明实施例的方法、终端设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理终端设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理终端设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理终端设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
这些计算机程序指令也可装载到计算机或其他可编程数据处理终端设备上，使得在计算机或其他可编程终端设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程终端设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
尽管已描述了本发明实施例的优选实施例，但本领域内的技术人员一旦得知了基本创造性概念，则可对这些实施例做出另外的变更和修改。所以，所附权利要求意欲解释为包括优选实施例以及落入本发明实施例范围的所有变更和修改。
最后，还需要说明的是，在本文中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者终端设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者终端设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者终端设备中还存在另外的相同要素。
以上对本发明所提供的一种网页播放器图标显示的方法和一种网页播放器图标显示的系统，进行了详细介绍，本文中应用了具体个例对本发明的原理及实施方式进行了阐述，以上实施例的说明只是用于帮助理解本发明的方法及其核心思想；同时，对于本领域的一般技术人员，依据本发明的思想，在具体实施方式及应用范围上均会有改变之处，综上所述，本说明书内容不应理解为对本发明的限制。

Claims (6)

1.一种网页播放器图标显示的方法，其特征在于，所述方法应用于视联网中，包括：
在客户端打开网页后，在网页中加载JS组件和播放器组件；
所述JS组件调用所述播放器组件的参数接口，将JS组件中配置的参数发送至所述播放器组件；所述参数包括图标地址、图标文件名、视频地址；
所述播放器组件从所述参数接口中读取图标地址和图标文件名，并根据所述图标地址和所述图标文件名从图标服务器获取图标，在播放器指定位置展示；
所述播放器组件从所述参数接口中读取视频地址，并根据所述视频地址从视频服务器中获取视频进行播放。
2.如权利要求1所述的方法，其特征在于，所述参数还包括：图标自动隐藏时间。
3.如权利要求1所述的方法，其特征在于，在所述播放器组件从所述参数接口中读取图标地址和图标文件名，并根据所述图标地址和所述图标文件名从图标服务器获取图标，在播放器指定位置展示的步骤之后，还包括：
判断所述图标的展示时间是否达到所述图标自动隐藏时间；
如果达到，则隐藏所述指定位置展示的图标。
4.一种网页播放器图标显示的系统，其特征在于，所述系统应用于视联网中，包括：
加载模块，用于在客户端打开网页后，在网页中加载JS组件和播放器组件；
参数接口调用模块，用于所述JS组件调用所述播放器组件的参数接口，将JS组件中配置的参数发送至所述播放器组件；所述参数包括图标地址、图标文件名、视频地址；
展示模块，用于所述播放器组件从所述参数接口中读取图标地址和图标文件名，并根据所述图标地址和所述图标文件名从图标服务器获取图标，在播放器指定位置展示；
播放模块，用于所述播放器组件从所述参数接口中读取视频地址，并根据所述视频地址从视频服务器中获取视频进行播放。
5.如权利要求4所述的系统，其特征在于，所述参数还包括：图标自动隐藏时间。
6.如权利要求4所述的系统，其特征在于，在所述展示模块之后，还包括：
判断模块，用于判断所述图标的展示时间是否达到所述图标自动隐藏时间；
图标隐藏模块，用于如果达到，则隐藏所述指定位置展示的图标。
CN201610881746.7A 2016-10-09 2016-10-09 一种网页播放器图标显示的方法及系统 Active CN107920098B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201610881746.7A CN107920098B (zh) 2016-10-09 2016-10-09 一种网页播放器图标显示的方法及系统

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201610881746.7A CN107920098B (zh) 2016-10-09 2016-10-09 一种网页播放器图标显示的方法及系统

Publications (2)

Publication Number Publication Date
CN107920098A true CN107920098A (zh) 2018-04-17
CN107920098B CN107920098B (zh) 2019-04-02

Family

ID=61892297

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201610881746.7A Active CN107920098B (zh) 2016-10-09 2016-10-09 一种网页播放器图标显示的方法及系统

Country Status (1)

Country Link
CN (1) CN107920098B (zh)

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN110460895A (zh) * 2019-07-30 2019-11-15 视联动力信息技术股份有限公司 一种标志展示方法、装置、电子设备和存储介质
CN111193952A (zh) * 2018-11-15 2020-05-22 西安诺瓦星云科技股份有限公司 媒体播放方法、装置、终端及系统和存储介质

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN1324185A (zh) * 2000-04-26 2001-11-28 朗迅科技公司 动态修改数字视频图像的方法和装置
KR100433522B1 (ko) * 2001-08-25 2004-05-31 삼성전자주식회사 로고 디스플레이 장치 및 방법
CN102075800A (zh) * 2011-01-11 2011-05-25 中兴通讯股份有限公司 基于交互式个人电视机顶盒文件播放控制方法及系统
CN102665137A (zh) * 2012-04-01 2012-09-12 深圳Tcl新技术有限公司 控制媒体播放器的方法及终端
CN105187889A (zh) * 2015-07-30 2015-12-23 无锡天脉聚源传媒科技有限公司 一种视频图标显示方法及装置

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN1324185A (zh) * 2000-04-26 2001-11-28 朗迅科技公司 动态修改数字视频图像的方法和装置
KR100433522B1 (ko) * 2001-08-25 2004-05-31 삼성전자주식회사 로고 디스플레이 장치 및 방법
CN102075800A (zh) * 2011-01-11 2011-05-25 中兴通讯股份有限公司 基于交互式个人电视机顶盒文件播放控制方法及系统
CN102665137A (zh) * 2012-04-01 2012-09-12 深圳Tcl新技术有限公司 控制媒体播放器的方法及终端
CN105187889A (zh) * 2015-07-30 2015-12-23 无锡天脉聚源传媒科技有限公司 一种视频图标显示方法及装置

Non-Patent Citations (1)

* Cited by examiner, † Cited by third party
Title
弋痕夕: "ckplayer网页播放器简易教程", 《CKPLAYER网页播放器简易教程》 *

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111193952A (zh) * 2018-11-15 2020-05-22 西安诺瓦星云科技股份有限公司 媒体播放方法、装置、终端及系统和存储介质
CN110460895A (zh) * 2019-07-30 2019-11-15 视联动力信息技术股份有限公司 一种标志展示方法、装置、电子设备和存储介质
CN110460895B (zh) * 2019-07-30 2022-05-06 视联动力信息技术股份有限公司 一种标志展示方法、装置、电子设备和存储介质

Also Published As

Publication number Publication date
CN107920098B (zh) 2019-04-02

Similar Documents

Publication Publication Date Title
CN108881357B (zh) 一种数据同步的方法和装置
CN108965912B (zh) 一种视频数据处理的方法、客户端以及服务器
CN107959665A (zh) 一种通信方法和通信系统
CN107979563A (zh) 一种基于视联网的信息处理方法和装置
CN108121588A (zh) 一种访问外部资源的方法及其视联网接入服务器
CN108173804A (zh) 一种通过视联网访问互联网的方法及视联猫客户端
CN107979760A (zh) 一种直播视频的查看方法和装置
CN108012106A (zh) 一种视联网监控资源同步的方法及系统
CN108880926A (zh) 一种服务器监控的方法和装置
CN107979736A (zh) 一种视频会议的查看方法和装置
CN108965224A (zh) 一种视频点播的方法和装置
CN108173803A (zh) 一种通过视联网访问互联网的方法及视联猫服务端
CN108124165A (zh) 一种基于视联网的码流录制方法及其系统
CN108881141A (zh) 一种基于视联网的数据处理方法和装置
CN108111474A (zh) 一种混音方法和装置
CN110225083A (zh) 基于视联网的数据推送方法和装置
CN108073665B (zh) 一种视联网页面和html页面的切换方法和装置
CN110062195A (zh) 一种视频会议接入方法及系统
CN108234923A (zh) 一种资源调度方法和装置
CN108307212A (zh) 一种文件点播方法和装置
CN109284265A (zh) 一种数据存储方法和系统
CN110191293A (zh) 信息呈现方法和装置
CN110048903A (zh) 一种协转网关状态监控方法和装置
CN107920098B (zh) 一种网页播放器图标显示的方法及系统
CN108646956A (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
CB02 Change of applicant information
CB02 Change of applicant information

Address after: 100000 Dongcheng District, Beijing, Qinglong Hutong 1, 1103 house of Ge Hua building.

Applicant after: Video Link Power Information Technology Co., Ltd.

Address before: 100000 Beijing Dongcheng District gogoa building A1103-1113

Applicant before: BEIJING VISIONVERA INTERNATIONAL INFORMATION TECHNOLOGY CO., LTD.

GR01 Patent grant
GR01 Patent grant
TR01 Transfer of patent right
TR01 Transfer of patent right

Effective date of registration: 20201230

Address after: 570105 room 1201, Central International Plaza, 77 Binhai street, Longhua District, Haikou City, Hainan Province

Patentee after: Hainan Qiantang Shilian Information Technology Co.,Ltd.

Address before: 100000 Dongcheng District, Beijing, Qinglong Hutong 1, 1103 house of Ge Hua building.

Patentee before: VISIONVERA INFORMATION TECHNOLOGY Co.,Ltd.