CN102968509A - 一种播放浏览器中多媒体的方法和装置 - Google Patents
一种播放浏览器中多媒体的方法和装置 Download PDFInfo
- Publication number
- CN102968509A CN102968509A CN2012105477802A CN201210547780A CN102968509A CN 102968509 A CN102968509 A CN 102968509A CN 2012105477802 A CN2012105477802 A CN 2012105477802A CN 201210547780 A CN201210547780 A CN 201210547780A CN 102968509 A CN102968509 A CN 102968509A
- Authority
- CN
- China
- Prior art keywords
- multimedia
- browser
- viewing area
- container
- multimedia container
- 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
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/40—Information retrieval; Database structures therefor; File system structures therefor of multimedia data, e.g. slideshows comprising image and additional audio data
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F11/00—Error detection; Error correction; Monitoring
- G06F11/30—Monitoring
- G06F11/3003—Monitoring arrangements specially adapted to the computing system or computing system component being monitored
-
- 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]
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Multimedia (AREA)
- Databases & Information Systems (AREA)
- Data Mining & Analysis (AREA)
- Quality & Reliability (AREA)
- Signal Processing (AREA)
- Computer Networks & Wireless Communication (AREA)
- Mathematical Physics (AREA)
- Computing Systems (AREA)
- Information Transfer Between Computers (AREA)
- User Interface Of Digital Computer (AREA)
- Two-Way Televisions, Distribution Of Moving Picture Or The Like (AREA)
Abstract
本发明实施方式提出了一种播放浏览器中多媒体的方法和装置。方法包括:在位于浏览器可视区域内的多媒体播放容器中播放多媒体文件;移动浏览器的可视区域,并监控该多媒体播放容器相对于浏览器可视区域的位置;当根据多媒体播放容器相对于浏览器可视区域的位置判定该多媒体播放容器移出浏览器可视区域时,设置多媒体播放容器的位置属性以将多媒体播放容器移动到浏览器可视区域中。本发明实施方式实现了当多媒体播放区域移出当前可视区域时,依然可以让用户正常浏览多媒体,而且还降低了操作复杂度。
Description
技术领域
本发明实施方式涉及信息处理技术领域,更具体地,涉及一种播放浏览器中多媒体的方法和装置。
背景技术
随着计算机技术和网络技术的飞速发展,互联网(Internet)和即时通信技术在人们的日常生活、学习和工作中发挥的作用也越来越大。而且,随着移动互联网的发展,互联网也在向移动化发展。
在当今的信息时代中,各种信息设备应运而生:有用于话音传输的固定电话、移动电话;有用于信息资源共享、处理的服务器和个人电脑;有用于视频数据显示的各种电视机等等。这些设备都是在特定领域内为解决实际的需求而产生的。随着电子消费、计算机、通信(3C)融合的到来,人们越来越多地将注意力放到了对各个不同领域的信息设备进行综合利用的研究上,以充分利用现有资源设备来为人们更好的服务。
随着社交网络带动的用户产生内容(UGC)的发展趋势,用户经常在网络空间等各种社交网络上浏览由好友分享的大量多媒体信息(例如视频、音乐、图片等)。比如,社交网络通常会提供好友动态的聚合页,当有好友分享了视频后,用户可以在聚合页中播放观看视频。
然而,用户无法在观看播放视频时拖动网页查看其他信息。这是因为,如果拖动网页查看其他信息造成视频移开了可视区域,则用户无法顺利观看视频。也就是说,现有技术的缺点在于:让用户在浏览视频等多媒体文件和浏览更多好友动态信息等其它网页内容之间只能选择其一,不能两者兼顾。
而且,现有技术中当用户期望返回继续查看视频的时候,只有不停滚动页面才能找到之前播放视频的位置,操作复杂度也很高。
发明内容
本发明实施方式提出一种播放浏览器中多媒体的方法,当多媒体播放区域移出当前可视区域时,依然可以让用户浏览多媒体。
本发明实施方式还提出了一种播放浏览器中多媒体的装置,当多媒体播放区域移出当前可视区域时,依然可以让用户浏览多媒体。
本发明实施方式的具体方案如下:
一种播放浏览器中多媒体的方法,该方法包括:
在位于浏览器可视区域内的多媒体播放容器中播放多媒体文件;
移动浏览器的可视区域,并监控该多媒体播放容器相对于浏览器可视区域的位置;
当根据多媒体播放容器相对于浏览器可视区域的位置判定该多媒体播放容器移出浏览器可视区域时,设置所述多媒体播放容器的位置属性以将所述多媒体播放容器移动到浏览器可视区域中。
一种播放浏览器中多媒体的装置,该装置包括多媒体文件播放单元、可视区域移动单元和多媒体播放容器移动单元,其中:
多媒体文件播放单元,用于在位于浏览器可视区域内的多媒体播放容器中播放多媒体文件;
可视区域移动单元,用于移动浏览器的可视区域,并监控该多媒体播放容器相对于浏览器可视区域的位置;
多媒体播放容器移动单元,用于当根据多媒体播放容器相对于浏览器可视区域的位置判定该多媒体播放容器移出浏览器可视区域时,设置所述多媒体播放容器的位置属性以将所述多媒体播放容器移动到浏览器可视区域中。
从上述技术方案可以看出,在本发明实施方式中,在位于浏览器可视区域内的多媒体播放容器中播放多媒体文件;移动浏览器的可视区域,并监控该多媒体播放容器相对于浏览器可视区域的位置;当根据多媒体播放容器相对于浏览器可视区域的位置判定该多媒体播放容器移出浏览器可视区域时,设置所述多媒体播放容器的位置属性以将所述多媒体播放容器移动到浏览器可视区域中。由此可见,应用本发明实施方式之后,如果当前正在播放的多媒体播放容器离开屏幕可视区域,可以针对多媒体播放容器的位置属性进行设置,使得多媒体播放容器能够呈现在新的可视区域,从而用户可以在浏览其它信息的同时也关注到多媒体信息的变化,因此实现了当多媒体播放区域移出当前可视区域时,依然可以让用户浏览多媒体。
而且,应用本发明实施方式之后,一旦用户继续滚动网页,并且多媒体播放容器的原始视频位置再次处于可视区域时,还可以将播放视频容器切换回原始视频所处的位置,因此也降低了操作复杂度。
附图说明
图1为根据本发明实施方式的播放浏览器中多媒体的方法流程图;
图2为根据本发明实施方式的浏览器的可视区域移动示意图;
图3为根据本发明实施方式的播放浏览器中视频的方法流程示意图;
图4为根据本发明实施方式的播放浏览器中多媒体的装置结构图。
具体实施方式
为使本发明的目的、技术方案和优点更加清楚,下面结合附图对本发明作进一步的详细描述。
本发明实施方式中提出一种让用户既可顺利浏览多媒体,又可通过拖动网页浏览其他网页信息(比如聚合内容)的实现方案。
在本发明实施方式中,用户通过浏览器查看多媒体文件(如视频)时,监控网页拖动触发操作以及多媒体播放容器的位置,如果当前正在播放的多媒体播放容器离开屏幕可视区域,可以针对多媒体播放容器的位置属性进行设置,使得多媒体播放容器能够呈现在新的可视区域,从而用户可以在浏览其它信息的同时也关注到多媒体信息的变化。
而且,在本发明实施方式中,可以让用户在可视区域的任意位置处拖动所移动出的多媒体播放容器,以防任何不必要的遮挡。
图1为根据本发明实施方式的播放浏览器中多媒体的方法流程图。
如图1所示,该方法包括:
步骤101:在位于浏览器可视区域内的多媒体播放容器中播放多媒体文件。
在这里,可以位于浏览器可视区域内的多媒体播放容器中播放各种多媒体文件,比如视频文件、音频文件、图像文件、流媒体文件,等等。多媒体播放容器具体可以为各种插件、窗口或框架。比如,多媒体播放容器可以是嵌入到网页中的视频播放窗口和/或音频播放窗口,等等。
而且,用户可以在各种终端上利用浏览器来播放多媒体文件,这些终端可以包括但是不局限于:功能手机、智能手机、掌上电脑、个人电脑(PC)、平板电脑或个人数字助理(PDA),等等。
以上虽然详细罗列了终端的具体实例,本领域人员可以意识到,这些罗列仅是阐述目的,并不用于限定本发明实施方式的保护范围。
当采用移动终端浏览器来播放多媒体文件时,可以适用于任意的智能终端操作系统,具体可以采用的操作系统包括但是不局限于:安卓(Andorid)、PalmOS、Symbian(塞班)、Windows mobile、Linux、Android(安卓)、iPhone(苹果)OS、Black Berry(黑莓)OS 6.0、Windows Phone系列,等等。
当采用移动终端浏览器来播放多媒体文件时,移动终端具体可以采用安卓操作系统,而且移动终端可以采用到Andorid的各个版本之中,包括但是不局限于:阿童木(Android Beta)、发条机器人(Android 1.0)、纸杯蛋糕(Android1.5)、甜甜圈(Android 1.6)、松饼(Android 2.0/2.1),冻酸奶(Android 2.2)、姜饼(Android 2.3)、蜂巢(Android 3.0)、冰激凌三明治(Android 4.0)、果冻豆(Jelly Bean,Android 4.1)等版本。
以上详细罗列了Android平台的具体版本,本领域技术人员可以意识到,本发明实施方式并不局限于上述罗列版本,而还可以适用于其他基于Android软件架构的任意版本之中。
浏览器具体可以包括微软的Internet Explorer、Mozilla的Firefox、Apple的Safari,Opera、Google Chrome、GreenBrowser等浏览器。
以上虽然详细列出了一些常用浏览器,本领域技术人员可以意识到,本发明实施方式并不局限于这些浏览器,而是可以适用于任意可用于显示网页服务器或档案系统内的文件、并让用户与文件互动的应用(App),这些应用可以是目前常见的各种浏览器,也可以是其他的任意具有网页浏览功能的应用程序。
步骤102:移动浏览器的可视区域,并监控该多媒体播放容器相对于浏览器可视区域的位置。
在这里,监听由用户触发的网页滑动触发操作。网页滑动触发操作具体可以为鼠标滑动事件、键盘控制事件、触摸屏滑动事件等等。
当监听到用户发出网页滑动触发操作后,可以响应于该网页滑动触发操作而滑动浏览器中的网页。浏览器的可视区域会随着网页的滑动而发生移动,此时多媒体播放容器相对于浏览器可视区域的位置也在发生相应变化。本发明实施方式也对该多媒体播放容器相对于浏览器可视区域的位置进行监控。
步骤103:当根据多媒体播放容器相对于浏览器可视区域的位置判定该多媒体播放容器移出浏览器可视区域时,设置所述多媒体播放容器的位置属性以将所述多媒体播放容器移动到浏览器可视区域中。
在这里,基于具体应用情形的不同,可以在多媒体播放容器刚刚开始移出浏览器可视区域之后,就设置所述多媒体播放容器的位置属性以将所述多媒体播放容器移动到浏览器可视区域中;也可以在多媒体播放容器完全移出浏览器可视区域之后,才设置所述多媒体播放容器的位置属性以将所述多媒体播放容器移动到浏览器可视区域中,还可以在多媒体播放容器移出浏览器可视区域的任意中间过程中,设置所述多媒体播放容器的位置属性以将所述多媒体播放容器移动到浏览器可视区域中。
举例,可以根据浏览器可视区域已经移动的距离与该多媒体播放容器在浏览器屏幕中的绝对距离,来判断该多媒体播放容器是否移出浏览器可视区域。
比如:当浏览器的可视区域的移动方向为从屏幕向下时,如果浏览器可视区域已经移动的距离与该多媒体播放容器在浏览器屏幕中的绝对距离之差,大于该多媒体播放容器的高度,则可以判定该多媒体播放容器移出浏览器可视区域;和/或
当浏览器的可视区域的移动方向为从屏幕向上时,如果浏览器可视区域已经移动的距离与该多媒体播放容器在浏览器屏幕中的绝对距离之差,小于该多媒体播放容器的高度,则判定该多媒体播放容器移出浏览器可视区域。
类似地,当浏览器的可视区域的移动方向为从屏幕向左或右时,也可以根据可视区域已经移动的距离与该多媒体播放容器在浏览器屏幕中的绝对距离来判断该多媒体播放容器是否移出浏览器可视区域。
在一个实施方式中,当根据多媒体播放容器相对于浏览器可视区域的位置判定该多媒体播放容器移出浏览器可视区域时,可以设置所述多媒体播放容器的位置属性,以将所述多媒体播放容器移动到浏览器可视区域中。
可见,本发明实施方式可以将正在播放的多媒体播放容器移动到浏览器的新的可视区域中,而不会对当前正在播放的多媒体造成影响,比如:不用停止当前正在播放的多媒体文件,也不用重新加载当前正在播放的多媒体文件,而是实现了多媒体播放容器从被遮挡区域到可视区域的真正顺滑切换。
在本发明实施方式中,可以通过多种方式来设置多媒体播放容器的位置属性。
多媒体播放容器的位置属性可以包括多种,比如多媒体播放容器的定位属性(position)值,可以包括绝对(absolute)、相对(relative)和固定(fixed)等多种属性。
通过为多媒体播放容器设置absolute属性,可以使得多媒体播放容器相对网页边框而言固定。通过为多媒体播放容器fixed属性,可以使得多媒体播放容器相对屏幕而言固定。当多媒体播放容器的父对象(或曾祖父,只要是父级对象)也设置了position属性,且position的属性值为absolute或者relative时,也就是说不是默认值的情况下,此时多媒体播放容器按照父对象来进行定位。如果多媒体播放容器不存在一个有着position属性的父对象,那么那就会以body为定位对象,按照浏览器的窗口进行定位。
下面以将多媒体播放容器的定位(position)属性设置为固定(fixed)为例对本发明实施方式进行说明。
在一个实施方式中,可以将多媒体播放容器的定位(position)属性设置为固定(fixed),并设置该多媒体播放容器的左边距(left)值和顶距(top)值,以将所述多媒体播放容器浏览器设置在浏览器可视区域的空白区域中。
在本发明实施方式中,还可以对移动到新的可视区域的空白区域中的多媒体播放容器进行缩放操作。具体地,可以设置该多媒体播放容器的宽度(width)值和高度(height)值,以对所述多媒体播放容器进行缩小或放大操作。
具体地,当得知当前播放的多媒体播放容器离开了可视区域后,可以利用浏览器提供的相关页面操作接口设置播放容器节点的布局方式。可以将多媒体播放容器元素的position设为fixed,即让当前的多媒体播放容器元素相对于浏览器可视窗口进行布局。
通过设置多媒体播放容器的left和top值就可以把已经离开可视区域的多媒体播放容器节点,重新放回浏览器的可视区域内。由于多媒体播放容器中的视频已经处于播放状态,那么当改变其布局方式position为fixed时并不会造成多媒体播放容器元素的重新加载,从而实现了让用户一边查看好友动态等其他网页元素,一边浏览多媒体文件。
以上以将多媒体播放容器的position属性设置为fixed为例,对本发明实施方式进行了详细说明,本领域技术人员可以意识到,这种说明仅仅是阐述性的,并不用于限定本发明实施方式的保护范围。
在本发明实施方式中,还可以进一步获取多媒体文件属性信息(比如,多媒体文件名)。该方法进一步包括:
将所述多媒体播放容器移动到浏览器可视区域中时,进一步在该多媒体播放容器的标题栏中显示所述多媒体文件属性信息,从而可以在该多媒体播放容器的标题栏中显示包括多媒体文件名等各种多媒体文件属性信息。
在本发明实施方式中,还包括获取多媒体播放信息(比如,多媒体播放时长)的步骤。该方法进一步可以包括:
将所述多媒体播放容器移动到浏览器可视区域之后,进一步根据所述多媒体播放信息对多媒体文件的播放进行控制。比如,当根据多媒体播放时长判断当前多媒体文件已经播放完毕的时候,可以向用户发出提醒,等等。
优选地,当该多媒体播放容器的原始位置再次回到浏览器可视区域时,设置所述多媒体播放容器的位置属性,以将所述多媒体播放容器移动到该原始位置。
比如:当该多媒体播放容器的原始所在位置又回到屏幕可视区域内后,可以将该多媒体播放容器的样式设置为其原始状态,比如将其position的fixed值去掉,这样该多媒体播放容器在可视屏幕区域后又回到原始播放的状态。
在这里,一旦用户继续滚动网页,并且多媒体播放容器的原始位置再次处于可视区域时,优选还可以将当前的多媒体播放容器切换回原始位置处。而且,无论是将多媒体播放容器切换回原始位置还是将多媒体播放容器移出到当前可视区域中,都可以通过多种动画效果来展示切换过程。
比如,将所述多媒体播放容器移动到浏览器可视区域,或将多媒体播放容器切换回原始位置处的展示方式,可以包括下列中的至少一个:
以淡入淡出的显示方式将所述多媒体播放容器移动到浏览器可视区域;以直接切换的显示方式将所述多媒体播放容器移动到浏览器可视区域;在浏览器的可视区域移动过程中多媒体播放容器向右移动的方式,将所述多媒体播放容器移动到浏览器可视区域;在浏览器的可视区域移动过程中多媒体播放容器向左移动的方式,将所述多媒体播放容器移动到浏览器可视区域;在浏览器的可视区域移动过程中多媒体播放容器向上移动的方式,将所述多媒体播放容器移动到浏览器可视区域;或在浏览器的可视区域移动过程中多媒体播放容器向下移动的方式,将所述多媒体播放容器移动到浏览器可视区域。
图2为根据本发明实施方式的浏览器的可视区域移动示意图。在图2中,以视频播放容器为实例进行示范性说明。
如图2所示,该视频播放容器的高度为VideoHeight;该视频播放容器在屏幕布局中的绝对距离文Top,而当前屏幕已经滚动的距离为ScrollHeight。
计算当前屏幕已经滚动的距离scrollHeight与视频容器的在屏幕布局中的绝对距离Top之差minus:
minus=scrollHeight-Top;
当屏幕向下滚动时,如果minus>=videoHeight,则表示该视频播放容器离开了可视区域;否则当前正在播放的视频容器处在可视屏幕区域内。
当屏幕向上滚动时,如果minus<=videoHeight,则表示该视频播放容器离开了可视区域;当前正在播放的视频容器处在可视屏幕区域内。
以上虽然以屏幕向下滚动屏幕向上滚动为例对本发明实施方式进行了说明,本领域技术人员可以意识到,这种说明仅仅是示范性的,实际上视频播放容器也可能以360度的某个方向离开了屏幕可视区域,本发明实施方式对此并无限定。
下面以视频播放为例,对本发明实施方式进行说明。
图3为根据本发明实施方式的播放浏览器中视频的方法流程示意图。
如图3所示,该方法包括:
步骤301:获取浏览器当前播放视频的信息。比如,可以获取视频文件属性信息(比如视频文件名)和视频播放信息(比如视频播放时长)。
步骤302:监控用户的鼠标滚动操作和当前播放视频容器相对于浏览器可视区域的位置。在这里,用户的鼠标滚动操可以使得浏览器的网页发生滑动,从而造成浏览器可视区域发生变化。
步骤303:判断当前播放视频容器是否移出浏览器可视区域,如果是则执行步骤304及其后续步骤,否则返回执行步骤302及其后续步骤。
步骤304:设置视频容器的位置属性以将当前播放视频容器移动到浏览器的新可视区域中。在这里,可以通过弹出浮层的方式将当前播放视频容器移动到浏览器的新可视区域中。而且,在这里可以针对该弹出视频浮层的拖动逻辑进行初始化,从而用户可以在浏览器的新可视区域中针对该弹出视频浮层执行拖动操作。
步骤305:监控该弹出视频浮层在网页中的位置。
步骤306:判断该弹出视频浮层的原始视频位置是否重新回到可视区域中,如果是则执行步骤307及其后续步骤,否则执行步骤305及其后续步骤。
步骤307:判断用户是否关闭弹出视频浮层,如果是则结束本流程,否则将弹出视频浮层移动到该原始位置。
由此可见,应用本发明实施方式提出的在可视屏幕区域内观看多媒体信息的人机交互技术方案,使得用户在社交网络等聚合多种信息的聚合页中查看信息时操作更方便,解决了现有的社交网络中用户不能一边看多媒体一边看好友动态的问题。
在此基础上,本发明实施方式的多媒体容器与原始位置间切换时的缓动动画更自然,只有在播放的视频移出可视区域的时候才会触发切换逻辑,同时提供了拖动视频浮层的个性化操作,为用户查看网页信息提供了一种全新的交互方式。
基于上述详细分析,本发明实施方式还提出了一种播放浏览器中多媒体的装置。
图4为根据本发明实施方式的播放浏览器中多媒体的装置结构示意图。
如图4所示,该装置包括多媒体文件播放单元401、可视区域移动单元402和多媒体播放容器移动单元403,其中:
多媒体文件播放单元401,用于在位于浏览器可视区域内的多媒体播放容器中播放多媒体文件;
可视区域移动单元402,用于移动浏览器的可视区域,并监控该多媒体播放容器相对于浏览器可视区域的位置;
多媒体播放容器移动单元403,用于当根据多媒体播放容器相对于浏览器可视区域的位置判定该多媒体播放容器移出浏览器可视区域时,设置所述多媒体播放容器的位置属性以将所述多媒体播放容器移动到浏览器可视区域中。
在一个实施方式中,多媒体播放容器移动单元403,用于根据浏览器可视区域已经移动的距离与该多媒体播放容器在浏览器屏幕中的绝对距离,判定该多媒体播放容器移出浏览器可视区域。
优选地,多媒体播放容器移动单元403,用于当浏览器的可视区域的移动方向为从屏幕向下时,如果浏览器可视区域已经移动的距离与该多媒体播放容器在浏览器屏幕中的绝对距离之差,大于该多媒体播放容器的高度,则判定该多媒体播放容器移出浏览器可视区域;和/或,当浏览器的可视区域的移动方向为从屏幕向上时,如果浏览器可视区域已经移动的距离与该多媒体播放容器在浏览器屏幕中的绝对距离之差,小于该多媒体播放容器的高度,则判定该多媒体播放容器移出浏览器可视区域。
在一个实施方式中,多媒体播放容器移动单元403,用于将多媒体播放容器的定位(position)属性设置为固定(fixed),并设置该多媒体播放容器的左边距(left)值和顶距(top)值,以将所述多媒体播放容器浏览器设置在浏览器可视区域的空白区域中。
优选地,多媒体播放容器移动单元403,进一步用于设置该多媒体播放容器的宽度(width)值和高度(height)值,以对所述多媒体播放容器进行缩小或放大操作。
在一个实施方式中,多媒体播放容器移动单元403,进一步用于当该多媒体播放容器的原始位置再次回到浏览器可视区域时,设置所述多媒体播放容器的位置属性,以将所述多媒体播放容器移动到该原始位置。
在一个实施方式中,多媒体播放容器移动单元403,用于以下列中的至少一个将所述多媒体播放容器移动到浏览器可视区域中:以淡入淡出的显示方式将所述多媒体播放容器移动到浏览器可视区域;以直接切换的显示方式将所述多媒体播放容器移动到浏览器可视区域;在浏览器的可视区域移动过程中多媒体播放容器向右移动的方式,将所述多媒体播放容器移动到浏览器可视区域;在浏览器的可视区域移动过程中多媒体播放容器向左移动的方式,将所述多媒体播放容器移动到浏览器可视区域;在浏览器的可视区域移动过程中多媒体播放容器向上移动的方式,将所述多媒体播放容器移动到浏览器可视区域;或在浏览器的可视区域移动过程中多媒体播放容器向下移动的方式,将所述多媒体播放容器移动到浏览器可视区域。
实际上,可以通过多种形式来具体实施本发明实施方式所提出的播放浏览器中多媒体的方法和装置。比如,可以遵循一定规范的应用程序接口,将播放浏览器中多媒体的方法编写为安装到个人电脑、移动终端等中的插件程序,也可以将其封装为应用程序以供用户自行下载使用。当编写为插件程序时,可以将其实施为ocx、dll、cab等多种插件形式。也可以通过Flash插件、RealPlayer插件、MMS插件、MIDI五线谱插件、ActiveX插件等具体技术来实施本发明实施方式所提出的播放浏览器中多媒体的方法。
可以通过指令或指令集存储的储存方式将本发明实施方式所提出的播放浏览器中多媒体的方法存储在各种存储介质上。这些存储介质包括但是不局限于:软盘、光盘、DVD、硬盘、闪存、U盘、CF卡、SD卡、MMC卡、SM卡、记忆棒(Memory Stick)、xD卡等。
另外,还可以将本发明实施方式所提出的播放浏览器中多媒体的方法应用到基于闪存(Nand flash)的存储介质中,比如U盘、CF卡、SD卡、SDHC卡、MMC卡、SM卡、记忆棒、xD卡等。
综上所述,在本发明实施方式中,在位于浏览器可视区域内的多媒体播放容器中播放多媒体文件;移动浏览器的可视区域,并监控该多媒体播放容器相对于浏览器可视区域的位置;当根据多媒体播放容器相对于浏览器可视区域的位置判定该多媒体播放容器移出浏览器可视区域时,设置所述多媒体播放容器的位置属性以将所述多媒体播放容器移动到浏览器可视区域中。由此可见,应用本发明实施方式之后,如果当前正在播放的多媒体播放容器离开屏幕可视区域,可以针对多媒体播放容器的位置属性进行设置,使得多媒体播放容器能够呈现在新的可视区域,从而用户可以在浏览其它信息的同时也关注到多媒体信息的变化,因此实现了当多媒体播放区域移出当前可视区域时,依然可以让用户浏览多媒体。
而且,应用本发明实施方式之后,一旦用户继续滚动网页,并且多媒体播放容器的原始视频位置再次处于可视区域时,还可以将播放视频容器切换回原始视频所处的位置,因此也降低了操作复杂度。
以上所述,仅为本发明的较佳实施例而已,并非用于限定本发明的保护范围。凡在本发明的精神和原则之内,所作的任何修改、等同替换、改进等,均应包含在本发明的保护范围之内。
Claims (16)
1.一种播放浏览器中多媒体的方法,其特征在于,该方法包括:
在位于浏览器可视区域内的多媒体播放容器中播放多媒体文件;
移动浏览器的可视区域,并监控该多媒体播放容器相对于浏览器可视区域的位置;
当根据多媒体播放容器相对于浏览器可视区域的位置判定该多媒体播放容器移出浏览器可视区域时,设置所述多媒体播放容器的位置属性以将所述多媒体播放容器移动到浏览器可视区域中。
2.根据权利要求1所述的播放浏览器中多媒体的方法,其特征在于,所述根据多媒体播放容器相对于浏览器可视区域的位置判定该多媒体播放容器移出浏览器可视区域包括:
根据浏览器可视区域已经移动的距离与该多媒体播放容器在浏览器屏幕中的绝对距离,判定该多媒体播放容器移出浏览器可视区域。
3.根据权利要求2所述的播放浏览器中多媒体的方法,其特征在于,
当浏览器的可视区域的移动方向为从屏幕向下时,如果浏览器可视区域已经移动的距离与该多媒体播放容器在浏览器屏幕中的绝对距离之差,大于该多媒体播放容器的高度,则判定该多媒体播放容器移出浏览器可视区域;和/或
当浏览器的可视区域的移动方向为从屏幕向上时,如果浏览器可视区域已经移动的距离与该多媒体播放容器在浏览器屏幕中的绝对距离之差,小于该多媒体播放容器的高度,则判定该多媒体播放容器移出浏览器可视区域。
4.根据权利要求1所述的播放浏览器中多媒体的方法,其特征在于,所述设置多媒体播放容器的位置属性以将所述多媒体播放容器保留在浏览器可视区域中包括:
将多媒体播放容器的定位属性设置为固定,并设置该多媒体播放容器的左边距值和顶距值,以将所述多媒体播放容器浏览器设置在浏览器可视区域的空白区域中。
5.根据权利要求4所述的播放浏览器中多媒体的方法,其特征在于,该方法进一步包括:
设置该多媒体播放容器的宽度值和高度值,以对所述多媒体播放容器进行缩小或放大操作。
6.根据权利要求1所述的播放浏览器中多媒体的方法,其特征在于,还包括获取多媒体文件属性信息的步骤;该方法进一步包括:
将所述多媒体播放容器移动到浏览器可视区域中时,进一步在该多媒体播放容器的标题栏中显示所述多媒体文件属性信息。
7.根据权利要求1所述的播放浏览器中多媒体的方法,其特征在于,还包括获取多媒体播放信息的步骤;该方法进一步包括:
将所述多媒体播放容器移动到浏览器可视区域之后,进一步根据所述多媒体播放信息对多媒体文件的播放进行控制。
8.根据权利要求1-7中任一项所述的播放浏览器中多媒体的方法,其特征在于,该方法进一步包括:
当该多媒体播放容器的原始位置再次回到浏览器可视区域时,设置所述多媒体播放容器的位置属性,以将所述多媒体播放容器移动到该原始位置。
9.根据权利要求1-7中任一项所述的播放浏览器中多媒体的方法,其特征在于,所述将所述多媒体播放容器移动到浏览器可视区域中包括下列中的至少一个:
以淡入淡出的显示方式将所述多媒体播放容器移动到浏览器可视区域;
以直接切换的显示方式将所述多媒体播放容器移动到浏览器可视区域;
在浏览器的可视区域移动过程中多媒体播放容器向右移动的方式,将所述多媒体播放容器移动到浏览器可视区域;
在浏览器的可视区域移动过程中多媒体播放容器向左移动的方式,将所述多媒体播放容器移动到浏览器可视区域;
在浏览器的可视区域移动过程中多媒体播放容器向上移动的方式,将所述多媒体播放容器移动到浏览器可视区域;或
在浏览器的可视区域移动过程中多媒体播放容器向下移动的方式,将所述多媒体播放容器移动到浏览器可视区域。
10.一种播放浏览器中多媒体的装置,其特征在于,该装置包括多媒体文件播放单元、可视区域移动单元和多媒体播放容器移动单元,其中:
多媒体文件播放单元,用于在位于浏览器可视区域内的多媒体播放容器中播放多媒体文件;
可视区域移动单元,用于移动浏览器的可视区域,并监控该多媒体播放容器相对于浏览器可视区域的位置;
多媒体播放容器移动单元,用于当根据多媒体播放容器相对于浏览器可视区域的位置判定该多媒体播放容器移出浏览器可视区域时,设置所述多媒体播放容器的位置属性以将所述多媒体播放容器移动到浏览器可视区域中。
11.根据权利要求10所述的播放浏览器中多媒体的装置,其特征在于,
多媒体播放容器移动单元,用于根据浏览器可视区域已经移动的距离与该多媒体播放容器在浏览器屏幕中的绝对距离,判定该多媒体播放容器移出浏览器可视区域。
12.根据权利要求11所述的播放浏览器中多媒体的装置,其特征在于,
多媒体播放容器移动单元,用于当浏览器的可视区域的移动方向为从屏幕向下时,如果浏览器可视区域已经移动的距离与该多媒体播放容器在浏览器屏幕中的绝对距离之差,大于该多媒体播放容器的高度,则判定该多媒体播放容器移出浏览器可视区域;和/或,当浏览器的可视区域的移动方向为从屏幕向上时,如果浏览器可视区域已经移动的距离与该多媒体播放容器在浏览器屏幕中的绝对距离之差,小于该多媒体播放容器的高度,则判定该多媒体播放容器移出浏览器可视区域。
13.根据权利要求10所述的播放浏览器中多媒体的装置,其特征在于,
多媒体播放容器移动单元,用于将多媒体播放容器的定位属性设置为固定,并设置该多媒体播放容器的左边距值和顶距值,以将所述多媒体播放容器浏览器设置在浏览器可视区域的空白区域中。
14.根据权利要求13所述的播放浏览器中多媒体的装置,其特征在于,
多媒体播放容器移动单元,进一步用于设置该多媒体播放容器的宽度值和高度值,以对所述多媒体播放容器进行缩小或放大操作。
15.根据权利要求10所述的播放浏览器中多媒体的装置,其特征在于,
多媒体播放容器移动单元,进一步用于当该多媒体播放容器的原始位置再次回到浏览器可视区域时,设置所述多媒体播放容器的位置属性,以将所述多媒体播放容器移动到该原始位置。
16.根据权利要求10所述的播放浏览器中多媒体的装置,其特征在于,
多媒体播放容器移动单元,用于以下列中的至少一个将所述多媒体播放容器移动到浏览器可视区域中:
以淡入淡出的显示方式将所述多媒体播放容器移动到浏览器可视区域;
以直接切换的显示方式将所述多媒体播放容器移动到浏览器可视区域;
在浏览器的可视区域移动过程中多媒体播放容器向右移动的方式,将所述多媒体播放容器移动到浏览器可视区域;
在浏览器的可视区域移动过程中多媒体播放容器向左移动的方式,将所述多媒体播放容器移动到浏览器可视区域;
在浏览器的可视区域移动过程中多媒体播放容器向上移动的方式,将所述多媒体播放容器移动到浏览器可视区域;或
在浏览器的可视区域移动过程中多媒体播放容器向下移动的方式,将所述多媒体播放容器移动到浏览器可视区域。
Priority Applications (3)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201210547780.2A CN102968509B (zh) | 2012-12-17 | 2012-12-17 | 一种播放浏览器中多媒体的方法和装置 |
PCT/CN2013/089622 WO2014094585A1 (zh) | 2012-12-17 | 2013-12-17 | 一种播放浏览器中多媒体的方法和装置 |
US14/740,894 US10460016B2 (en) | 2012-12-17 | 2015-06-16 | Method and apparatus for playing multimedia in browser |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201210547780.2A CN102968509B (zh) | 2012-12-17 | 2012-12-17 | 一种播放浏览器中多媒体的方法和装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN102968509A true CN102968509A (zh) | 2013-03-13 |
CN102968509B CN102968509B (zh) | 2016-03-09 |
Family
ID=47798647
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201210547780.2A Active CN102968509B (zh) | 2012-12-17 | 2012-12-17 | 一种播放浏览器中多媒体的方法和装置 |
Country Status (3)
Country | Link |
---|---|
US (1) | US10460016B2 (zh) |
CN (1) | CN102968509B (zh) |
WO (1) | WO2014094585A1 (zh) |
Cited By (12)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2014094585A1 (zh) * | 2012-12-17 | 2014-06-26 | 腾讯科技(深圳)有限公司 | 一种播放浏览器中多媒体的方法和装置 |
WO2015184745A1 (zh) * | 2014-06-03 | 2015-12-10 | 合一网络技术(北京)有限公司 | 显示悬浮式播放窗口的方法和系统 |
CN105335071A (zh) * | 2015-10-26 | 2016-02-17 | 百度在线网络技术(北京)有限公司 | 一种页面元素的显示方法及装置 |
CN105373368A (zh) * | 2014-08-21 | 2016-03-02 | 腾讯科技(北京)有限公司 | 一种音频播放窗口的控制方法和装置 |
CN105430507A (zh) * | 2015-11-24 | 2016-03-23 | 天脉聚源(北京)传媒科技有限公司 | 一种播放控制方法及装置 |
CN105468746A (zh) * | 2015-11-25 | 2016-04-06 | 百度在线网络技术(北京)有限公司 | 网页多媒体内容处理方法及装置 |
CN105488145A (zh) * | 2015-11-26 | 2016-04-13 | 小米科技有限责任公司 | 网页内容的显示方法、装置及终端 |
CN105843932A (zh) * | 2016-03-30 | 2016-08-10 | 乐视控股(北京)有限公司 | 一种网页设计方法和装置 |
CN107172500A (zh) * | 2017-06-26 | 2017-09-15 | 北京金山安全软件有限公司 | 网页中视频播放方法及装置 |
CN107197362A (zh) * | 2016-03-15 | 2017-09-22 | 广州市动景计算机科技有限公司 | 一种播放多媒体信息的方法及装置 |
CN108337549A (zh) * | 2015-07-20 | 2018-07-27 | 优酷网络技术(北京)有限公司 | 视频播放方法及其装置 |
CN111813969A (zh) * | 2019-11-08 | 2020-10-23 | 厦门雅基软件有限公司 | 多媒体数据处理方法、装置、电子设备及计算机存储介质 |
Families Citing this family (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
KR101685288B1 (ko) * | 2015-05-11 | 2016-12-09 | 주식회사 카카오 | 컨텐츠 표시 제어 방법 및 컨텐츠 표시 제어 방법을 수행하는 사용자 단말 |
CN112684997A (zh) * | 2021-01-05 | 2021-04-20 | 浪潮云信息技术股份公司 | 一种数据可视化大屏组合展示方法 |
Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101520809A (zh) * | 2009-04-03 | 2009-09-02 | 腾讯科技(深圳)有限公司 | 一种网络视频的显示方法和装置 |
CN102117290A (zh) * | 2009-12-30 | 2011-07-06 | 北京搜狗科技发展有限公司 | 一种展现网页中页面元素的方法及系统 |
US20110191676A1 (en) * | 2010-01-29 | 2011-08-04 | Microsoft Corporation | Cross-Browser Interactivity Recording, Playback, and Editing |
Family Cites Families (8)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN100361441C (zh) * | 2004-09-03 | 2008-01-09 | 王金堃 | 带有播放区域的网页的显示方法 |
US7877687B2 (en) * | 2007-08-16 | 2011-01-25 | Yahoo! Inc. | Persistent visual media player |
KR101028009B1 (ko) * | 2010-05-07 | 2011-04-07 | 김안종 | 온라인 광고 제공 방법 및 장치 |
US9363579B2 (en) * | 2010-12-22 | 2016-06-07 | Google Inc. | Video player with assisted seek |
CN102819379A (zh) * | 2011-06-10 | 2012-12-12 | 深圳市快播科技有限公司 | 多媒体信息的播放方法及多媒体播放器 |
EP2766816A4 (en) * | 2011-10-10 | 2016-01-27 | Vivoom Inc | RESTITUTION AND ORIENTATION BASED ON A NETWORK OF VISUAL EFFECTS |
US20150212694A1 (en) * | 2012-05-02 | 2015-07-30 | Google Inc. | Internet browser zooming |
CN102968509B (zh) * | 2012-12-17 | 2016-03-09 | 腾讯科技(深圳)有限公司 | 一种播放浏览器中多媒体的方法和装置 |
-
2012
- 2012-12-17 CN CN201210547780.2A patent/CN102968509B/zh active Active
-
2013
- 2013-12-17 WO PCT/CN2013/089622 patent/WO2014094585A1/zh active Application Filing
-
2015
- 2015-06-16 US US14/740,894 patent/US10460016B2/en active Active
Patent Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101520809A (zh) * | 2009-04-03 | 2009-09-02 | 腾讯科技(深圳)有限公司 | 一种网络视频的显示方法和装置 |
CN102117290A (zh) * | 2009-12-30 | 2011-07-06 | 北京搜狗科技发展有限公司 | 一种展现网页中页面元素的方法及系统 |
US20110191676A1 (en) * | 2010-01-29 | 2011-08-04 | Microsoft Corporation | Cross-Browser Interactivity Recording, Playback, and Editing |
Cited By (16)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US10460016B2 (en) | 2012-12-17 | 2019-10-29 | Tencent Technology (Shenzhen) Company Limited | Method and apparatus for playing multimedia in browser |
WO2014094585A1 (zh) * | 2012-12-17 | 2014-06-26 | 腾讯科技(深圳)有限公司 | 一种播放浏览器中多媒体的方法和装置 |
WO2015184745A1 (zh) * | 2014-06-03 | 2015-12-10 | 合一网络技术(北京)有限公司 | 显示悬浮式播放窗口的方法和系统 |
CN105373368A (zh) * | 2014-08-21 | 2016-03-02 | 腾讯科技(北京)有限公司 | 一种音频播放窗口的控制方法和装置 |
CN108337549A (zh) * | 2015-07-20 | 2018-07-27 | 优酷网络技术(北京)有限公司 | 视频播放方法及其装置 |
CN108337549B (zh) * | 2015-07-20 | 2020-10-27 | 阿里巴巴(中国)有限公司 | 视频播放方法及其装置 |
CN105335071A (zh) * | 2015-10-26 | 2016-02-17 | 百度在线网络技术(北京)有限公司 | 一种页面元素的显示方法及装置 |
CN105430507A (zh) * | 2015-11-24 | 2016-03-23 | 天脉聚源(北京)传媒科技有限公司 | 一种播放控制方法及装置 |
CN105468746A (zh) * | 2015-11-25 | 2016-04-06 | 百度在线网络技术(北京)有限公司 | 网页多媒体内容处理方法及装置 |
CN105468746B (zh) * | 2015-11-25 | 2019-05-03 | 百度在线网络技术(北京)有限公司 | 网页多媒体内容处理方法及装置 |
CN105488145B (zh) * | 2015-11-26 | 2019-07-09 | 小米科技有限责任公司 | 网页内容的显示方法、装置及终端 |
CN105488145A (zh) * | 2015-11-26 | 2016-04-13 | 小米科技有限责任公司 | 网页内容的显示方法、装置及终端 |
CN107197362A (zh) * | 2016-03-15 | 2017-09-22 | 广州市动景计算机科技有限公司 | 一种播放多媒体信息的方法及装置 |
CN105843932A (zh) * | 2016-03-30 | 2016-08-10 | 乐视控股(北京)有限公司 | 一种网页设计方法和装置 |
CN107172500A (zh) * | 2017-06-26 | 2017-09-15 | 北京金山安全软件有限公司 | 网页中视频播放方法及装置 |
CN111813969A (zh) * | 2019-11-08 | 2020-10-23 | 厦门雅基软件有限公司 | 多媒体数据处理方法、装置、电子设备及计算机存储介质 |
Also Published As
Publication number | Publication date |
---|---|
US20150278174A1 (en) | 2015-10-01 |
US10460016B2 (en) | 2019-10-29 |
WO2014094585A1 (zh) | 2014-06-26 |
CN102968509B (zh) | 2016-03-09 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN102968509B (zh) | 一种播放浏览器中多媒体的方法和装置 | |
CN107341018A (zh) | 一种在页面切换后继续显示视图的方法和装置 | |
CN107809504A (zh) | 显示信息的方法、装置、终端及存储介质 | |
CN104182481B (zh) | 资源推荐方法及装置 | |
CN103702214A (zh) | 一种视频播放方法和电子设备 | |
CN103582863A (zh) | 多应用环境 | |
WO2018112928A1 (zh) | 一种信息展示方法、装置及终端设备 | |
CN106708478B (zh) | 滚动视图显示方法及装置 | |
CN107797833A (zh) | 智能设备上应用程序的界面显示方法 | |
CN105144061A (zh) | 屏幕控制方法及其电子设备 | |
GB2503888A (en) | Expandable video playback timeline that includes the location of tag content. | |
CN113286201A (zh) | 推荐信息展示方法、装置、电子设备和存储介质 | |
US20230066583A1 (en) | Information reply method, apparatus, electronic device, readable storage medium and program product | |
CN110753251A (zh) | 视频切换方法、装置及电子设备 | |
CN106488293A (zh) | 视频播放方法及装置 | |
CN103886777A (zh) | 动画播放装置及方法、动画播放控制装置及方法 | |
CN104683703A (zh) | 一种视频播放方法和装置 | |
US20140215383A1 (en) | Parallax scrolling user interface | |
EP2954437B1 (en) | System to generate a mixed media experience | |
CN106020792A (zh) | 一种展示控制方法及展示控制装置 | |
CN106708364A (zh) | 一种多媒体文件显示方法和终端设备 | |
CN104571920A (zh) | 显示处理方法及显示处理装置 | |
US10257561B2 (en) | Time-line based digital media post viewing experience | |
CN113065022B (zh) | 终端设备的交互控制方法、装置及电子设备 | |
CN117215442A (zh) | 显示处理方法、装置、电子设备、存储介质及程序产品 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
C14 | Grant of patent or utility model | ||
GR01 | Patent grant |