WO2014094585A1 - 一种播放浏览器中多媒体的方法和装置 - Google Patents
一种播放浏览器中多媒体的方法和装置 Download PDFInfo
- Publication number
- WO2014094585A1 WO2014094585A1 PCT/CN2013/089622 CN2013089622W WO2014094585A1 WO 2014094585 A1 WO2014094585 A1 WO 2014094585A1 CN 2013089622 W CN2013089622 W CN 2013089622W WO 2014094585 A1 WO2014094585 A1 WO 2014094585A1
- Authority
- WO
- WIPO (PCT)
- Prior art keywords
- browser
- multimedia
- container
- visible area
- multimedia playback
- Prior art date
Links
- 238000000034 method Methods 0.000 title claims abstract description 43
- 238000012544 monitoring process Methods 0.000 claims abstract description 4
- 230000008569 process Effects 0.000 claims description 6
- 238000004590 computer program Methods 0.000 claims 2
- 230000000007 visual effect Effects 0.000 abstract description 8
- 238000007667 floating Methods 0.000 description 8
- 238000010586 diagram Methods 0.000 description 7
- 238000005516 engineering process Methods 0.000 description 5
- 230000008859 change Effects 0.000 description 4
- 238000011161 development Methods 0.000 description 3
- 230000001960 triggered effect Effects 0.000 description 3
- 238000004891 communication Methods 0.000 description 2
- 230000006870 function Effects 0.000 description 2
- 230000003993 interaction Effects 0.000 description 2
- 230000009467 reduction Effects 0.000 description 2
- VYZAMTAEIAYCRO-UHFFFAOYSA-N Chromium Chemical compound [Cr] VYZAMTAEIAYCRO-UHFFFAOYSA-N 0.000 description 1
- 101000934888 Homo sapiens Succinate dehydrogenase cytochrome b560 subunit, mitochondrial Proteins 0.000 description 1
- 244000172730 Rubus fruticosus Species 0.000 description 1
- 235000017848 Rubus fruticosus Nutrition 0.000 description 1
- 102100025393 Succinate dehydrogenase cytochrome b560 subunit, mitochondrial Human genes 0.000 description 1
- 230000009471 action Effects 0.000 description 1
- 230000008901 benefit Effects 0.000 description 1
- 230000005540 biological transmission Effects 0.000 description 1
- 235000021029 blackberry Nutrition 0.000 description 1
- 230000000694 effects Effects 0.000 description 1
- 235000012432 gingerbread Nutrition 0.000 description 1
- 235000015243 ice cream Nutrition 0.000 description 1
- 230000006872 improvement Effects 0.000 description 1
- 230000010365 information processing Effects 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 235000012459 muffins Nutrition 0.000 description 1
- 238000012545 processing Methods 0.000 description 1
- 238000011160 research Methods 0.000 description 1
- 230000004044 response Effects 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
- 235000013618 yogurt Nutrition 0.000 description 1
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]
Definitions
- Embodiments of the present invention relate to the field of information processing technologies, and, more particularly, to a method and apparatus for playing multimedia in a browser. Background of the invention
- the disadvantages of the prior art are: allowing the user to select only one of the multimedia files such as video and other web content such as browsing for the dynamic information of the friend, and not both.
- the embodiment of the invention provides a method for playing multimedia in a browser.
- the multimedia playing area moves out of the current visible area, the user can still browse the multimedia.
- the embodiment of the present invention further provides a device for playing multimedia in a browser.
- the multimedia play area moves out of the current visible area, the user can still browse the multimedia.
- a method for playing multimedia in a browser comprising:
- a device for playing multimedia in a browser comprising a multimedia file playing unit, a visible area moving unit and a multimedia playing container moving unit, wherein: a multimedia file playing unit, configured to play a multimedia file in a multimedia playing container located in a visible area of the browser;
- a visible area moving unit configured to move a visible area of the browser, and monitor a position of the multimedia playing container relative to a viewable area of the browser
- a multimedia play container moving unit configured to set a location attribute of the multimedia play container to play the multimedia when determining that the multimedia play container moves out of the browser visible area according to a position of the multimedia play container relative to the viewable area of the browser The container moves into the browser viewable area.
- the multimedia file is played in the multimedia play container located in the visible area of the browser; the visible area of the browser is moved, and the multimedia play container is monitored relative to the browser. Position of the viewable area; when determining that the multimedia play container moves out of the browser viewable area according to the position of the multimedia play container relative to the viewable area of the browser, setting a location attribute of the multimedia play container to move the multimedia play container Go to the browser viewable area.
- the location attribute of the multimedia play container can be set, so that the multimedia play container can be presented in the new visible area, thereby
- the user can also pay attention to the change of the multimedia information while browsing other information, so that when the multimedia play area moves out of the current visible area, the user can still browse the multimedia.
- the playback video container can also be switched back to the location where the original video is located, thus also reducing the operation. the complexity.
- FIG. 1 is a flow chart of a method for playing multimedia in a browser according to an embodiment of the present invention
- 2a and 2b are schematic diagrams showing movement of a visible area of a browser according to an embodiment of the present invention
- FIG. 2a is a schematic diagram when moving downward from the screen
- FIG. 2b is a schematic diagram when moving upward from the screen
- FIG. 3 is a schematic flow chart of a method for playing a video in a browser according to an embodiment of the present invention
- FIG. 4 is a structural diagram of an apparatus for playing multimedia in a browser according to an embodiment of the present invention
- FIG. 5 is another structural diagram of an apparatus for playing multimedia in a browser according to an embodiment of the present invention. Mode for carrying out the invention
- an implementation scheme is provided for the user to browse the multimedia smoothly, and browse other webpage information (such as aggregated content) by dragging the webpage.
- the webpage drag trigger operation and the location of the multimedia play container are monitored. If the currently playing multimedia play container leaves the visible area of the screen, the multimedia may be targeted to the multimedia.
- the location attribute of the playback container is set so that the multimedia play container can be presented in a new viewable area, so that the user can also pay attention to the change of the multimedia information while browsing other information.
- the user can drag the moved multimedia play container at any position of the visible area to prevent any unnecessary occlusion.
- FIG. 1 is a flow chart of a method for playing multimedia in a browser according to an embodiment of the present invention.
- the method includes: Step 101: Play a multimedia file in a multimedia play container located in a visible area of the browser.
- multimedia files such as video files, audio files, image files, streaming media files, and the like can be played in a multimedia playback container located in the viewable area of the browser.
- the multimedia play container can be specifically a variety of plugins, windows or frames.
- the multimedia play container can be a video play window and/or an audio play window embedded in a web page, and the like.
- terminals can include but are not limited to: feature phones, smartphones, PDAs, personal computers (PCs), tablets or personal digital assistants (PDAs). , and many more.
- a mobile terminal browser When using a mobile terminal browser to play multimedia files, it can be applied to any smart terminal operating system.
- Specific operating systems include but are not limited to: Android (Andorid), Palm OS, Symbian (Saipan), Windows mobile , Linux, Android (Android), iPhone (Apple) OS, Black Berry (Blackberry) OS 6.0, Windows Phone series, and more.
- the mobile terminal may specifically adopt an Android operating system, and the mobile terminal may adopt various versions of Andorid, including but not limited to: Android Beta, clockwork Robot (Android 1.0), Cupcake (Android 1.5), Sweet Candy (Android 1.6), Muffin (Android 2.0/2.1), Frozen Yogurt (Android 2.2), Gingerbread (Android 2.3), Honeycomb (Android 3.0), Ice cream sandwich (Android 4.0), Jelly Bean (Android 4.1) and other versions.
- Android Beta Android Beta
- clockwork Robot Android 1.0
- Cupcake Android 1.5
- Sweet Candy Android 1.6
- Muffin Android 2.0/2.1
- Frozen Yogurt Android 2.2
- Gingerbread Android 2.3
- Honeycomb Android 3.0
- Ice cream sandwich Android 4.0
- Jelly Bean Android 4.1
- Browsers can include soft Internet Explorer, Mozilla Firefox, Apple Safari, Opera, Google Chrome, GreenBrowser and more.
- Step 102 Move the visible area of the browser and monitor the location of the multimedia play container relative to the viewable area of the browser.
- the webpage slide triggering operation may specifically be a mouse swipe event, a keyboard control event, a touch screen swipe event, and the like.
- the webpage in the browser can be swiped in response to the webpage slide triggering operation.
- the viewable area of the browser moves as the page slides, and the position of the multimedia play container relative to the viewable area of the browser changes accordingly.
- Embodiments of the present invention also monitor the location of the multimedia playback container relative to the viewable area of the browser.
- Step 103 When determining that the multimedia play container moves out of the browser visible area according to the position of the multimedia play container relative to the viewable area of the browser, setting a location attribute of the multimedia play container to move the multimedia play container to the browser In the visible area.
- the location attribute of the multimedia play container may be set to move the multimedia play container into the browser viewable area.
- setting the location attribute of the multimedia play container to move the multimedia play container to the viewable area of the browser after the multimedia play container is completely removed from the viewable area of the browser The location attribute of the multimedia play container may be set to move the multimedia play container into the browser viewable area during any intermediate process in which the multimedia play container moves out of the viewable area of the browser.
- whether the multimedia play container moves out of the browser viewable area can be determined according to the distance that the browser visible area has moved and the absolute distance of the multimedia play container in the browser screen.
- the absolute position of the browser screen starts from the top edge, then when the viewing direction of the browser's visible area is from the screen, if the browser's visible area has moved (the proximity of the browser's visible area) The absolute distance from the beginning of the absolute position of the browser screen relative to the beginning of the absolute position of the browser screen) and the absolute distance of the multimedia playback container in the browser screen (the outer edge of the multimedia playback container near the absolute position of the browser screen relative to the browser) The difference between the distance from the beginning of the absolute position of the screen, which is greater than the height of the multimedia playback container, can determine that the multimedia playback container moves out of the viewable area of the browser; and/or
- the browser's viewable area moves from the screen up, if the browser's viewable area has moved the distance (the browser's viewable area is close to the browser screen's absolute position, the outer edge is relative to the browser screen's absolute position. Distance) plus the height of the viewable area of the browser and the absolute distance of the multimedia play container in the browser screen (the beginning of the absolute position of the multimedia playback container near the absolute position of the browser screen relative to the beginning of the absolute position of the browser screen) The difference between the distances, less than 0, determines that the multimedia play container is moved out of the browser viewable area i or.
- the absolute position of the browser screen is the lower edge, then when the viewing direction of the browser's visible area is from the screen, if the browser's visible area has moved (the browser's visible area is close to the browser) The distance from the outer edge of the absolute position of the screen relative to the starting point of the absolute position of the browser screen) plus the value of the height of the visible area of the browser and the absolute distance of the multimedia playback container in the browser screen (the proximity of the multimedia playback container to the browser screen) Absolutely The difference between the distance from the outside of the starting point of the position relative to the starting point of the absolute position of the browser screen) is less than
- the browser's viewable area moves from the screen up, if the browser's viewable area has moved the distance (the browser's viewable area is close to the browser screen's absolute position, the outer edge is relative to the browser screen's absolute position.
- the distance from the absolute distance of the multimedia playback container in the browser screen is greater than the multimedia playback container
- the height determines that the multimedia play container is moved out of the browser viewable area.
- the multimedia may also be moved according to the distance that the visible area has moved.
- the absolute distance of the playback container in the browser screen is used to determine whether the multimedia playback container has moved out of the browser viewable area.
- the location attribute of the multimedia play container may be set to play the multimedia. The container moves into the browser viewable area.
- the embodiment of the present invention can move the playing multimedia playing container to the new visible area of the browser without affecting the currently playing multimedia, for example: without stopping the currently playing multimedia file, Instead of reloading the currently playing multimedia file, a real smooth switching of the multimedia playback container from the occluded area to the visible area is achieved.
- the location attribute of the multimedia play container can be set in a variety of ways.
- the location attribute of the multimedia play container may include various types, such as a position value of a multimedia play container, which may include absolute, relative, and Fixed (fixed) and other attributes.
- the multimedia playback container By setting the absolute attribute for the multimedia playback container, the multimedia playback container can be fixed relative to the web page border. By setting the fixed property for the multimedia playback container, the multimedia playback container can be fixed relative to the screen.
- the parent object of the multimedia playback container (or the grandparent object, as long as it is the parent object) also sets the position property, and the position property value is absolute or relative, that is, without the default value, the multimedia playback container You can target by parent object. If the multimedia play container does not have a parent object with a position attribute, then the body is positioned as the object and positioned according to the window of the browser.
- the following describes an embodiment of the present invention by setting the position attribute of the multimedia play container to fixed.
- the position attribute of the multimedia play container may be set to fixed, and the left and left values of the multimedia play container may be set to set the multimedia.
- the Play Container Browser is set in a blank area of the browser's viewable area.
- the multimedia playback container moved to the blank area of the new visible area can also be scaled.
- a width (width) value and a height (height) value of the multimedia play container may be set to perform a reduction or enlargement operation on the multimedia play container.
- the layout manner of the play container node may be set by using a related page operation interface provided by the browser. You can set the position property of the multimedia playback container element to fixed , which allows the current multimedia playback container element to be laid out relative to the browser's visible window.
- the multimedia play container node that has left the viewable area can be put back into the visible area of the browser. Due to multimedia The video in the playback container is already playing, so when the position mode is changed to fixed, the multimedia playback container element will not be reloaded, thus enabling the user to view other webpage elements such as the friend dynamic while browsing the multimedia. file.
- multimedia file attribute information (for example, a multimedia file name) may be further acquired.
- the method can further include:
- the multimedia file attribute information is further displayed in a title bar of the multimedia play container, so that the multimedia file name can be displayed in the title bar of the multimedia play container.
- Various multimedia file attribute information is further displayed in a title bar of the multimedia play container, so that the multimedia file name can be displayed in the title bar of the multimedia play container.
- the step of acquiring multimedia playback information may also be included.
- the method can further include:
- the playing of the multimedia file is further controlled according to the multimedia play information. For example, when it is judged that the current multimedia file has been played according to the multimedia playing duration, the user can be reminded, and the like.
- the location attribute of the multimedia play container is set to move the multimedia play container to the original location.
- the style of the multimedia play container can be set to its original state, for example, the fixed value of the position attribute is removed, so that the multimedia play container Return to the original playback state after the visual screen area.
- the switching process can be demonstrated by various animation effects.
- moving the multimedia play container to the viewable area of the browser or switching the multimedia play container back to the original display position may include at least one of the following: displaying the multimedia play container in a fade-in display manner. Moving to the viewable area of the browser; moving the multimedia play container to the viewable area of the browser in a direct switching manner; and moving the multimedia play container to the right during the movement of the visible area of the browser
- the multimedia play container moves to the viewable area of the browser; the multimedia play container moves to the visible area of the browser in a manner of moving the multimedia play container to the left during the movement of the visible area of the browser; visible in the browser
- a video playback container is taken as an example for exemplary explanation. 2a is a schematic view
- the height of the video playing container is VideoHeight; the absolute position of the browser screen is the upper edge, and accordingly, the absolute distance of the video playing container in the screen layout is the top distance, and the current screen.
- the distance that has been scrolled is ScrollHeight.
- scrollHeight The difference between the visible height of the screen area visibleHeight and the absolute distance of the video container in the screen layout. minus2:
- minus2 scrollHeight+visibleHeight-Top ⁇ 0, it means that the video playback container has left the viewable area; otherwise, the currently playing video container is at least partially within the viewable display area i or within.
- the video playing container may also be 360 degrees.
- the direction of the screen leaves the visible area of the screen, which is not limited by the embodiment of the present invention.
- FIG. 3 is a schematic flow chart of a method for playing a video in a browser according to an embodiment of the present invention.
- the method includes:
- Step 301 Obtain information about the currently playing video of the browser. For example, you can get video file attribute information (such as video file name) and video playback information (such as video playback duration).
- video file attribute information such as video file name
- video playback information such as video playback duration
- Step 302 Monitor the user's mouse scrolling operation and the position of the currently playing video container relative to the viewable area of the browser.
- the user's mouse scrolling operation can cause the browser's web page to slide, causing the browser's viewable area to change.
- Step 303 Determine whether the currently playing video container moves out of the browser visible area. If yes, perform step 304 and subsequent steps, otherwise return to step 302 and subsequent steps.
- Step 304 Set the location property of the video container to move the currently playing video container to In the new visible area of the browser.
- the currently playing video container can be moved to the new visible area of the browser by popping up the floating layer.
- the drag logic of the pop-up video floating layer can be initialized here, so that the user can perform a drag operation on the pop-up video floating layer in the new visible area of the browser.
- Step 305 Monitor the location of the pop-up video floating layer in the webpage.
- Step 306 Determine whether the original video position of the pop-up video floating layer is returned to the visible area, and if yes, perform step 307 and subsequent steps, otherwise perform step 305 and subsequent steps.
- Step 307 Determine whether the user closes the pop-up video floating layer, and if so, ends the process, otherwise the pop-up video floating layer is moved to the original location.
- the human-computer interaction technical solution for viewing multimedia information in the visible screen area makes the operation more convenient when the user views the information in the aggregated page of the aggregated information such as the social network, and solves the problem.
- the existing social network users cannot watch the dynamics of their friends while watching multimedia.
- the easing animation of the multimedia container and the original position of the embodiment of the present invention is more natural, and the switching logic is triggered only when the played video moves out of the visible area, and the dragging video floating layer is provided.
- the personalized operation provides a new way for users to view web page information.
- an embodiment of the present invention also proposes an apparatus for playing multimedia in a browser.
- FIG. 4 is a schematic diagram showing the structure of an apparatus for playing multimedia in a browser according to an embodiment of the present invention.
- the apparatus includes a multimedia file playback unit 401, a visible area moving unit 402, and a multimedia playback container moving unit 403. among them:
- a multimedia file playing unit 401 for multimedia in a visible area of the browser Play multimedia files in the playback container.
- the visible area moving unit 402 is configured to move the visible area of the browser and monitor the position of the multimedia playing container relative to the visible area of the browser.
- a multimedia play container moving unit 403 configured to set a location attribute of the multimedia play container to set the multimedia attribute when the multimedia play container is moved out of the browser visible area according to a position of the multimedia play container relative to the viewable area of the browser The playback container moves into the browser viewable area.
- the multimedia play container moving unit 403 is configured to determine that the multimedia play container moves out of the browser viewable area according to the distance that the browser visible area has moved and the absolute distance of the multimedia play container in the browser screen.
- the multimedia play container moving unit 403 is configured to: when the moving direction of the visible area of the browser is from the screen, if the distance that the browser visible area has moved is absolute with the multimedia play container in the browser screen The difference between the distances, greater than the height of the multimedia playback container, determines that the multimedia playback container moves out of the viewable area of the browser; and/or, when the direction of movement of the viewable area of the browser is upward from the screen, if the browser is visible If the difference between the distance that the area has moved and the absolute distance of the multimedia play container in the browser screen is less than the height of the multimedia play container, it is determined that the multimedia play container moves out of the viewable area of the browser.
- the multimedia play container moving unit 403 is configured to set a position attribute of the multimedia play container to be fixed, and set a left margin value and a top distance (top) of the multimedia play container. a value to set the multimedia play container browser in a blank area of the browser viewable area.
- the multimedia play container moving unit 403 is further configured to set a width value and a height value of the multimedia play container to perform a reduction or enlargement operation on the multimedia play container.
- the multimedia play container moving unit 403 is further configured to set a location attribute of the multimedia play container to return the multimedia play container when the original position of the multimedia play container is returned to the browser visible area. Move to the original location.
- the multimedia play container moving unit 403 is configured to move the multimedia play container into the browser viewable area by at least one of: moving the multimedia play container to browse in a fade-in display manner The visible area of the device; moving the multimedia playing container to the visible area of the browser in a direct switching manner; and moving the multimedia playing container to the right during the moving of the visible area of the browser, the multimedia playing container Moving to the viewable area of the browser; moving the multimedia play container to the visible area of the browser in a manner of moving the multimedia play container to the left during the movement of the visible area of the browser; moving the process in the visible area of the browser Moving the multimedia play container to the visible area of the browser in a manner of moving the multimedia play container upward; or moving the multimedia play container in a manner that the multimedia play container moves downward during the movement of the visible area of the browser Go to the browser viewable area.
- a method of playing a multimedia in a browser can be written as a plug-in installed in a personal computer, a mobile terminal, or the like, or it can be packaged as an application for the user to download and use.
- a plug-in it can be implemented as a variety of plug-ins such as ocx, dll, and cab.
- the method for playing multimedia in the browser according to the embodiment of the present invention may also be implemented by using a specific technology such as a Flash plug-in, a RealPlayer plug-in, an MMS plug-in, a MIDI staff plug-in, or an ActiveX plug-in.
- a specific technology such as a Flash plug-in, a RealPlayer plug-in, an MMS plug-in, a MIDI staff plug-in, or an ActiveX plug-in.
- the method for playing multimedia in the browser may be stored on various storage media by means of instructions or a storage mode stored in the instruction set.
- These storage media include but are not limited to: floppy disk, compact disc, DVD, hard disk, flash memory, USB flash drive, CF Card, SD card, MMC card, SM card, Memory Stick, xD card, etc.
- the method for playing multimedia in the browser according to the embodiment of the present invention may also be applied to a Nand flash-based storage medium, such as a USB flash drive, a CF card, an SD card, an SDHC card, an MMC card, or an SM card. , memory stick, xD card, etc.
- FIG. 5 is another schematic structural diagram of an apparatus for playing multimedia in a browser according to an embodiment of the present invention.
- the apparatus includes: a memory 510, and a processor 520 communicatively coupled to the memory 510, wherein the memory 510 stores computer executable instructions executable by the processor 520.
- the computer executable instructions may include a multimedia file play instruction 511, a visible area move instruction 512, and a multimedia play container move instruction 513, respectively, for instructing the processor 520 to execute the multimedia file play unit 401 shown in FIG.
- the multimedia file is played in the multimedia playing container located in the visible area of the browser; the visible area of the browser is moved, and the multimedia playing container is monitored relative to the visible area of the browser. Positioning; when determining that the multimedia play container moves out of the browser viewable area according to the position of the multimedia play container relative to the viewable area of the browser, setting a location attribute of the multimedia play container to move the multimedia play container to the browser In the visible area.
- the location attribute of the multimedia play container can be set, so that the multimedia play container can be presented in the new visible area, thereby Users can also pay attention to multimedia information while browsing other information. The change, therefore, allows the user to browse the multimedia when the multimedia play area moves out of the current viewable area.
- the playback video container can also be switched back to the location where the original video is located, thus also reducing the operation. the complexity.
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
一种播放浏览器中多媒体的方法和装置 本申请要求于 2012 年 12 月 17 日提交中国专利局、 申请号为 201210547780.2、 发明名称为"一种播放浏览器中多媒体的方法和装置" 的中国专利申请的优先权， 其全部内容通过引用结合在本申请中。 技术领域
本发明实施方式涉及信息处理技术领域， 更具体地， 涉及一种播放 浏览器中多媒体的方法和装置。 发明背景
随着计算机技术和网络技术的飞速发展， 互联网（Internet )和即 时通信技术在人们的日常生活、 学习和工作中发挥的作用也越来越 大。 而且， 随着移动互联网的发展， 互联网也在向移动化发展。
在当今的信息时代中， 各种信息设备应运而生： 有用于话音传输 的固定电话、 移动电话； 有用于信息资源共享、 处理的服务器和个人 电脑； 有用于视频数据显示的各种电视机等等。 这些设备都是在特定 领域内为解决实际的需求而产生的。随着电子消费、计算机、通信（ 3C ) 融合的到来，人们越来越多地将注意力放到了对各个不同领域的信息 设备进行综合利用的研究上，以充分利用现有资源设备来为人们更好 的服务。
随着社交网络带动的用户产生内容（UGC )的发展趋势， 用户经 常在网络空间等各种社交网络上浏览由好友分享的大量多媒体信息 (例如视频、 音乐、 图片等） 。 比如， 社交网络通常会提供指示好友
动态的聚合页， 当有好友分享了视频后， 用户可以在聚合页中播放观 看该视频。
然而， 用户无法在观看播放视频时拖动网页查看其他信息。 这是 因为， 如果拖动网页查看其他信息会造成视频移开了可视区域， 则用 户将无法顺利观看视频。 也就是说， 现有技术的缺点在于： 让用户在 浏览视频等多媒体文件和浏览更多好友动态信息等其它网页内容之 间只能选择其一， 不能两者兼顾。
而且， 现有技术中当用户期望返回继续查看视频的时候， 只有不 停滚动页面才能找到之前播放视频的位置， 操作复杂度也很高。 发明内容
本发明实施方式提出一种播放浏览器中多媒体的方法， 当多媒体 播放区域移出当前可视区域时， 依然可以让用户浏览多媒体。
本发明实施方式还提出了一种播放浏览器中多媒体的装置， 当多 媒体播放区域移出当前可视区域时， 依然可以让用户浏览多媒体。
本发明实施方式的具体方案如下：
一种播放浏览器中多媒体的方法， 该方法包括：
在位于浏览器可视区域内的多媒体播放容器中播放多媒体文件； 移动浏览器的可视区域， 并监控该多媒体播放容器相对于浏览器可 视区域的位置；
当根据多媒体播放容器相对于浏览器可视区域的位置判定该多 媒体播放容器移出浏览器可视区域时，设置所述多媒体播放容器的位 置属性以将所述多媒体播放容器移动到浏览器可视区域中。
一种播放浏览器中多媒体的装置， 该装置包括多媒体文件播放单 元、 可视区域移动单元和多媒体播放容器移动单元， 其中：
多媒体文件播放单元， 用于在位于浏览器可视区域内的多媒体播放 容器中播放多媒体文件；
可视区域移动单元， 用于移动浏览器的可视区域， 并监控该多媒体 播放容器相对于浏览器可视区域的位置；
多媒体播放容器移动单元，用于当根据多媒体播放容器相对于浏 览器可视区域的位置判定该多媒体播放容器移出浏览器可视区域时， 设置所述多媒体播放容器的位置属性以将所述多媒体播放容器移动 到浏览器可视区域中。
从上述技术方案可以看出， 在本发明实施方式中， 在位于浏览器 可视区域内的多媒体播放容器中播放多媒体文件； 移动浏览器的可视区 域， 并监控该多媒体播放容器相对于浏览器可视区域的位置； 当根据多 媒体播放容器相对于浏览器可视区域的位置判定该多媒体播放容器移 出浏览器可视区域时， 设置所述多媒体播放容器的位置属性以将所述多 媒体播放容器移动到浏览器可视区域中。 由此可见， 应用本发明实施 方式之后， 如果当前正在播放的多媒体播放容器离开屏幕可视区域， 可 以针对多媒体播放容器的位置属性进行设置， 使得多媒体播放容器能够 呈现在新的可视区域， 从而用户可以在浏览其它信息的同时也关注到多 媒体信息的变化， 因此实现了当多媒体播放区域移出当前可视区域时， 依然可以让用户浏览多媒体。
而且， 应用本发明实施方式之后， 一旦用户继续滚动网页， 并且多 媒体播放容器的原始视频位置再次处于可视区域时， 还可以将播放视频 容器切换回原始视频所处的位置， 因此也降低了操作复杂度。 附图简要说明
图 1为根据本发明实施方式的播放浏览器中多媒体的方法流程图；
图 2a和图 2b为根据本发明实施方式的浏览器的可视区域移动示意 图； 其中， 图 2a为从屏幕向下移动时的示意图， 图 2b为从屏幕向上移 动时的示意图；
图 3 为根据本发明实施方式的播放浏览器中视频的方法流程示意 图；
图 4为根据本发明实施方式的播放浏览器中多媒体的装置结构图； 图 5为根据本发明实施方式的播放浏览器中多媒体的装置的又一结 构图。 实施本发明的方式
为使本发明的目的、 技术方案和优点更加清楚， 下面结合附图对 本发明作进一步的详细描述。
本发明实施方式中提出一种让用户既可顺利浏览多媒体， 又可通 过拖动网页浏览其他网页信息 （比如聚合内容） 的实现方案。
在本发明实施方式中，用户通过浏览器查看多媒体文件（如视频 ) 时， 监控网页拖动触发操作以及多媒体播放容器的位置， 如果当前正 在播放的多媒体播放容器离开屏幕可视区域，可以针对多媒体播放容 器的位置属性进行设置，使得多媒体播放容器能够呈现在新的可视区 域， 从而用户可以在浏览其它信息的同时也关注到多媒体信息的变 化。
而且， 在本发明实施方式中， 可以让用户在可视区域的任意位置 处拖动所移动出的多媒体播放容器， 以防任何不必要的遮挡。
图 1 为根据本发明实施方式的播放浏览器中多媒体的方法流程 图。
如图 1所示， 该方法包括：
步骤 101 : 在位于浏览器可视区域内的多媒体播放容器中播放多 媒体文件。
在这里， 可以在位于浏览器可视区域内的多媒体播放容器中播放 各种多媒体文件， 比如视频文件、 音频文件、 图像文件、 流媒体文件， 等等。 多媒体播放容器具体可以为各种插件、 窗口或框架。 比如， 多 媒体播放容器可以是嵌入到网页中的视频播放窗口和 /或音频播放窗 口， 等等。
而且， 用户可以在各种终端上利用浏览器来播放多媒体文件， 这 些终端可以包括但是不局限于： 功能手机、 智能手机、 掌上电脑、 个 人电脑 （PC ) 、 平板电脑或个人数字助理 （PDA ) , 等等。
以上虽然详细罗列了终端的具体实例， 本领域人员可以意识到， 这 些罗列仅是阐述目的， 并不用于限定本发明实施方式的保护范围。
当采用移动终端浏览器来播放多媒体文件时， 可以适用于任意的智 能终端操作系统， 具体可以采用的操作系统包括但是不局限于： 安卓 ( Andorid )、 Palm OS、 Symbian (塞班 )、 Windows mobile , Linux、 Android (安卓）、 iPhone (苹果） OS、 Black Berry (黑莓） OS 6.0、 Windows Phone 系列， 等等。
当采用移动终端浏览器来播放多媒体文件时， 移动终端具体可以采 用安卓操作系统， 而且移动终端可以采用到 Andorid的各个版本之中， 包括但是不局限于： 阿童木（Android Beta )、发条机器人（ Android 1.0 )、 纸杯蛋糕 ( Android 1.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 : 当根据多媒体播放容器相对于浏览器可视区域的位置 判定该多媒体播放容器移出浏览器可视区域时，设置所述多媒体播放 容器的位置属性以将所述多媒体播放容器移动到浏览器可视区域中。
在这里， 基于具体应用情形的不同， 可以在多媒体播放容器刚刚 开始移出浏览器可视区域之后，就设置所述多媒体播放容器的位置属 性以将所述多媒体播放容器移动到浏览器可视区域中；也可以在多媒 体播放容器完全移出浏览器可视区域之后，才设置所述多媒体播放容 器的位置属性以将所述多媒体播放容器移动到浏览器可视区域中，还
可以在多媒体播放容器移出浏览器可视区域的任意中间过程中，设置 所述多媒体播放容器的位置属性以将所述多媒体播放容器移动到浏 览器可视区域中。
举例， 可以根据浏览器可视区域已经移动的距离与该多媒体播放 容器在浏览器屏幕中的绝对距离，来判断该多媒体播放容器是否移出 浏览器可视区域。
比如： 若浏览器屏幕绝对位置起点为上边沿时， 则当浏览器的可视 区域的移动方向为从屏幕向下时， 如果浏览器可视区域已经移动的距离 (浏览器可视区域的靠近浏览器屏幕绝对位置起点的外边相对于浏览 器屏幕绝对位置起点的距离）与该多媒体播放容器在浏览器屏幕中的绝 对距离 （多媒体播放容器的靠近浏览器屏幕绝对位置起点的外边相对于 浏览器屏幕绝对位置起点的距离）之差， 大于该多媒体播放容器的高度， 则可以判定该多媒体播放容器移出浏览器可视区域； 和 /或
当浏览器的可视区域的移动方向为从屏幕向上时， 如果浏览器可视 区域已经移动的距离 （浏览器可视区域的靠近浏览器屏幕绝对位置起点 的外边相对于浏览器屏幕绝对位置起点的距离 )加上浏览器可视区域的 高度的值与该多媒体播放容器在浏览器屏幕中的绝对距离 （多媒体播放 容器的靠近浏览器屏幕绝对位置起点的外边相对于浏览器屏幕绝对位 置起点的距离）之差， 小于 0, 则判定该多媒体播放容器移出浏览器可 视区 i或。
若浏览器屏幕绝对位置起点为下边沿时， 则当浏览器的可视区域的 移动方向为从屏幕向下时， 如果浏览器可视区域已经移动的距离 （浏览 器可视区域的靠近浏览器屏幕绝对位置起点的外边相对于浏览器屏幕 绝对位置起点的距离 )加上浏览器可视区域的高度的值与该多媒体播放 容器在浏览器屏幕中的绝对距离 （多媒体播放容器的靠近浏览器屏幕绝
对位置起点的外边相对于浏览器屏幕绝对位置起点的距离）之差， 小于
0, 则可以判定该多媒体播放容器移出浏览器可视区域； 和 /或
当浏览器的可视区域的移动方向为从屏幕向上时， 如果浏览器可视 区域已经移动的距离 （浏览器可视区域的靠近浏览器屏幕绝对位置起点 的外边相对于浏览器屏幕绝对位置起点的距离 )与该多媒体播放容器在 浏览器屏幕中的绝对距离 （多媒体播放容器的靠近浏览器屏幕绝对位置 起点的外边相对于浏览器屏幕绝对位置起点的距离）之差， 大于该多媒 体播放容器的高度， 则判定该多媒体播放容器移出浏览器可视区域。
类似地， 若浏览器屏幕绝对位置起点为左边沿或右边沿时， 当浏览 器的可视区域的移动方向为从屏幕向左或右时，也可以根据可视区域已 经移动的距离与该多媒体播放容器在浏览器屏幕中的绝对距离来判 断该多媒体播放容器是否移出浏览器可视区域。
在一个实施方式中， 当根据多媒体播放容器相对于浏览器可视区域 的位置判定该多媒体播放容器移出浏览器可视区域时， 可以设置所述多 媒体播放容器的位置属性， 以将所述多媒体播放容器移动到浏览器可视 区域中。
可见， 本发明实施方式可以将正在播放的多媒体播放容器移动到浏 览器的新的可视区域中， 而不会对当前正在播放的多媒体造成影响， 比 如： 不用停止当前正在播放的多媒体文件， 也不用重新加载当前正在播 放的多媒体文件， 而是实现了多媒体播放容器从被遮挡区域到可视区域 的真正顺滑切换。
在本发明实施方式中， 可以通过多种方式来设置多媒体播放容器的 位置属性。
多媒体播放容器的位置属性可以包括多种， 比如多媒体播放容器的 定位属性 ( 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值去掉， 这样该多媒体播放容器在可视屏幕区域后 又回到原始播放的状态。
在这里， 一旦用户继续滚动网页， 并且多媒体播放容器的原始位置 再次处于可视区域时， 优选还可以将当前的多媒体播放容器切换回原始 位置处。 而且， 无论是将多媒体播放容器切换回原始位置还是将多媒体 播放容器移出到当前可视区域中， 都可以通过多种动画效果来展示切换 过程。
比如， 将所述多媒体播放容器移动到浏览器可视区域， 或将多媒体 播放容器切换回原始位置处的展示方式， 可以包括下列中的至少一个： 以淡入淡出的显示方式将所述多媒体播放容器移动到浏览器可视区 域； 以直接切换的显示方式将所述多媒体播放容器移动到浏览器可视区 域； 在浏览器的可视区域移动过程中多媒体播放容器向右移动的方式， 将所述多媒体播放容器移动到浏览器可视区域； 在浏览器的可视区域移 动过程中多媒体播放容器向左移动的方式， 将所述多媒体播放容器移动 到浏览器可视区域； 在浏览器的可视区域移动过程中多媒体播放容器向 上移动的方式， 将所述多媒体播放容器移动到浏览器可视区域； 或在浏 览器的可视区域移动过程中多媒体播放容器向下移动的方式， 将所述多 媒体播放容器移动到浏览器可视区域。 图。 在图 2a和图 2b中， 以视频播放容器为实例进行示范性说明。 其中， 图 2a为从屏幕向下移动时的示意图， 图 2b为从屏幕向上移动时的示意 图。
如图 2a和图 2b所示， 该视频播放容器的高度为 VideoHeight; 浏览 器屏幕绝对位置起点为上边沿， 相应地， 该视频播放容器在屏幕布局中 的绝对距离为顶距 Top , 而当前屏幕已经滚动的距离为 ScrollHeight。
当屏幕向下滚动时，计算当前屏幕已经滚动的距离 scrollHeight与视 频容器的在屏幕布局中的绝对距离 Top之差 minusl :
Minus l=scrollHeight- Top;
如果 minus l>=videoHeight, 则表示该视频播放容器离开了可视区 域； 否则当前正在播放的视频容器至少部分处在可视屏幕区域内。
当屏幕向上滚动时， 计算当前屏幕已经滚动的距离 scrollHeight+可 视屏幕区域高度 visibleHeight的值与视频容器的在屏幕布局中的绝对距 离 Top之差 minus2:
如果 minus2=scrollHeight+visibleHeight-Top<0, 则表示该视频播放 容器离开了可视区域； 否则， 当前正在播放的视频容器至少部分处在可 视展幕区 i或内。
以上虽然以屏幕向下滚动和屏幕向上滚动为例对本发明实施方式进 行了说明， 本领域技术人员可以意识到， 这种说明仅仅是示范性的， 实 际上视频播放容器也可能以 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卡等。
此外， 应该清楚的是， 不仅可以通过执行计算机从存储介质中所 读出的程序代码，而且可以通过基于程序代码的指令使计算机上操作 的操作系统等来完成部分或者全部的实际操作，从而实现上述实例中 任意一项实施例的功能。
例如，图 5为根据本发明实施方式的播放浏览器中多媒体的装置的 又一结构示意图。 如图 5所示， 该装置包括： 一存储器 510、 以及与所 述存储器 510通信连接的处理器 520, 其中所述存储器 510存储有可由 所述处理器 520执行的计算机可执行指令。 其中： 该计算机可执行指令 可包括多媒体文件播放指令 511、 可视区域移动指令 512和多媒体播 放容器移动指令 513 , 其分别用于指示处理器 520执行图 4中所示的 多媒体文件播放单元 401、 可视区域移动单元 402和多媒体播放容器 移动单元 403的功能。
综上所述， 在本发明实施方式中， 在位于浏览器可视区域内的多 媒体播放容器中播放多媒体文件； 移动浏览器的可视区域， 并监控该 多媒体播放容器相对于浏览器可视区域的位置； 当根据多媒体播放容 器相对于浏览器可视区域的位置判定该多媒体播放容器移出浏览器可 视区域时， 设置所述多媒体播放容器的位置属性以将所述多媒体播放容 器移动到浏览器可视区域中。 由此可见， 应用本发明实施方式之后， 如果当前正在播放的多媒体播放容器离开屏幕可视区域， 可以针对多媒 体播放容器的位置属性进行设置， 使得多媒体播放容器能够呈现在新的 可视区域， 从而用户可以在浏览其它信息的同时也关注到多媒体信息的
变化， 因此实现了当多媒体播放区域移出当前可视区域时， 依然可以让 用户浏览多媒体。
而且， 应用本发明实施方式之后， 一旦用户继续滚动网页， 并且 多媒体播放容器的原始视频位置再次处于可视区域时，还可以将播放 视频容器切换回原始视频所处的位置， 因此也降低了操作复杂度。
以上所述， 仅为本发明的较佳实施例而已， 并非用于限定本发明的 保护范围。 凡在本发明的精神和原则之内， 所作的任何修改、等同替换、 改进等， 均应包含在本发明的保护范围之内。
Claims
1、 一种播放浏览器中多媒体的方法， 其特征在于， 该方法包括： 在位于浏览器可视区域内的多媒体播放容器中播放多媒体文件； 移动浏览器的可视区域， 并监控该多媒体播放容器相对于浏览器可 视区域的位置；
当根据多媒体播放容器相对于浏览器可视区域的位置判定该多媒体 播放容器移出浏览器可视区域时， 设置所述多媒体播放容器的位置属性 以将所述多媒体播放容器移动到浏览器可视区域中。
2、根据权利要求 1所述的播放浏览器中多媒体的方法，其特征在于， 所述根据多媒体播放容器相对于浏览器可视区域的位置判定该多媒体 播放容器移出浏览器可视区域包括：
根据浏览器可视区域已经移动的距离与该多媒体播放容器在浏览器 屏幕中的绝对距离， 判定该多媒体播放容器移出浏览器可视区域。
3、根据权利要求 2所述的播放浏览器中多媒体的方法，其特征在于， 若浏览器屏幕绝对位置起点为上边沿， 当浏览器的可视区域的移动 方向为从屏幕向下时， 如果浏览器可视区域已经移动的距离与该多媒体 播放容器在浏览器屏幕中的绝对距离之差， 大于该多媒体播放容器的高 度， 则判定该多媒体播放容器移出浏览器可视区域； 和 /或， 当浏览器的 可视区域的移动方向为从屏幕向上时， 如果浏览器可视区域已经移动的 距离加上浏览器可视区域的高度的值与该多媒体播放容器在浏览器屏 幕中的绝对距离之差， 小于 0, 则判定该多媒体播放容器移出浏览器可 视区域；
若浏览器屏幕绝对位置起点为下边沿， 则当浏览器的可视区域的移 动方向为从屏幕向下时， 如果浏览器可视区域已经移动的距离加上浏览
器可视区域的高度的值与该多媒体播放容器在浏览器屏幕中的绝对距 离之差， 小于 0, 则可以判定该多媒体播放容器移出浏览器可视区域； 和 /或， 当浏览器的可视区域的移动方向为从屏幕向上时， 如果浏览器可 视区域已经移动的距离与该多媒体播放容器在浏览器屏幕中的绝对距 离之差， 大于该多媒体播放容器的高度， 则判定该多媒体播放容器移出 浏览器可视区域。
4、根据权利要求 1所述的播放浏览器中多媒体的方法，其特征在于， 所述设置多媒体播放容器的位置属性以将所述多媒体播放容器保留在 浏览器可视区域中包括：
将多媒体播放容器的定位属性设置为固定， 并设置该多媒体播放容 器的左边距值和顶距值， 以将所述多媒体播放容器浏览器设置在浏览器 可视区域的空白区域中。
5、根据权利要求 4所述的播放浏览器中多媒体的方法，其特征在于， 该方法进一步包括：
设置该多媒体播放容器的宽度值和高度值， 以对所述多媒体播放容 器进行缩小或放大操作。
6、根据权利要求 1所述的播放浏览器中多媒体的方法，其特征在于， 还包括获取多媒体文件属性信息的步骤； 该方法进一步包括：
将所述多媒体播放容器移动到浏览器可视区域中时， 进一步在该多 媒体播放容器的标题栏中显示所述多媒体文件属性信息。
7、根据权利要求 1所述的播放浏览器中多媒体的方法，其特征在于， 还包括获取多媒体播放信息的步骤； 该方法进一步包括：
将所述多媒体播放容器移动到浏览器可视区域之后， 进一步根据所 述多媒体播放信息对多媒体文件的播放进行控制。
8、 根据权利要求 1-7中任一项所述的播放浏览器中多媒体的方法，
其特征在于， 该方法进一步包括：
当该多媒体播放容器的原始位置再次回到浏览器可视区域时， 设置 所述多媒体播放容器的位置属性， 以将所述多媒体播放容器移动到该原 始位置。
9、 根据权利要求 1-7中任一项所述的播放浏览器中多媒体的方法， 其特征在于， 所述将所述多媒体播放容器移动到浏览器可视区域中包括 下列中的至少一个：
以淡入淡出的显示方式将所述多媒体播放容器移动到浏览器可视区 域；
以直接切换的显示方式将所述多媒体播放容器移动到浏览器可视区 域；
在浏览器的可视区域移动过程中多媒体播放容器向右移动的方式， 将所述多媒体播放容器移动到浏览器可视区域；
在浏览器的可视区域移动过程中多媒体播放容器向左移动的方式， 将所述多媒体播放容器移动到浏览器可视区域；
在浏览器的可视区域移动过程中多媒体播放容器向上移动的方式， 将所述多媒体播放容器移动到浏览器可视区域； 或
在浏览器的可视区域移动过程中多媒体播放容器向下移动的方式， 将所述多媒体播放容器移动到浏览器可视区域。
10、 一种播放浏览器中多媒体的装置， 其特征在于， 该装置包括多 媒体文件播放单元、 可视区域移动单元和多媒体播放容器移动单元， 其 中：
多媒体文件播放单元， 用于在位于浏览器可视区域内的多媒体播放 容器中播放多媒体文件；
可视区域移动单元， 用于移动浏览器的可视区域， 并监控该多媒体
播放容器相对于浏览器可视区域的位置；
多媒体播放容器移动单元， 用于当根据多媒体播放容器相对于浏览 器可视区域的位置判定该多媒体播放容器移出浏览器可视区域时， 设置 所述多媒体播放容器的位置属性以将所述多媒体播放容器移动到浏览 器可视区域中。
11、根据权利要求 10所述的播放浏览器中多媒体的装置，其特征在 于，
多媒体播放容器移动单元， 用于根据浏览器可视区域已经移动的距 离与该多媒体播放容器在浏览器屏幕中的绝对距离， 判定该多媒体播放 容器移出浏览器可视区域。
12、根据权利要求 11所述的播放浏览器中多媒体的装置，其特征在 于，
多媒体播放容器移动单元， 用于若浏览器屏幕绝对位置起点为上边 沿， 当浏览器的可视区域的移动方向为从屏幕向下时， 如果浏览器可视 区域已经移动的距离与该多媒体播放容器在浏览器屏幕中的绝对距离 之差， 大于该多媒体播放容器的高度， 则判定该多媒体播放容器移出浏 览器可视区域；和 /或，当浏览器的可视区域的移动方向为从屏幕向上时， 如果浏览器可视区域已经移动的距离加上浏览器可视区域的高度的值 与该多媒体播放容器在浏览器屏幕中的绝对距离之差， 小于 0, 则判定 该多媒体播放容器移出浏览器可视区域； 若浏览器屏幕绝对位置起点为 下边沿， 则当浏览器的可视区域的移动方向为从屏幕向下时， 如果浏览 器可视区域已经移动的距离加上浏览器可视区域的高度的值与该多媒 体播放容器在浏览器屏幕中的绝对距离之差， 小于 0, 则可以判定该多 媒体播放容器移出浏览器可视区域； 和 /或， 当浏览器的可视区域的移动 方向为从屏幕向上时， 如果浏览器可视区域已经移动的距离与该多媒体
播放容器在浏览器屏幕中的绝对距离之差， 大于该多媒体播放容器的高 度， 则判定该多媒体播放容器移出浏览器可视区域。
13、根据权利要求 10所述的播放浏览器中多媒体的装置，其特征在 于，
多媒体播放容器移动单元， 用于将多媒体播放容器的定位属性设置 为固定， 并设置该多媒体播放容器的左边距值和顶距值， 以将所述多媒 体播放容器浏览器设置在浏览器可视区域的空白区域中。
14、根据权利要求 13所述的播放浏览器中多媒体的装置，其特征在 于，
多媒体播放容器移动单元， 进一步用于设置该多媒体播放容器的宽 度值和高度值， 以对所述多媒体播放容器进行缩小或放大操作。
15、根据权利要求 10所述的播放浏览器中多媒体的装置，其特征在 于，
多媒体播放容器移动单元， 进一步用于当该多媒体播放容器的原始 位置再次回到浏览器可视区域时， 设置所述多媒体播放容器的位置属 性， 以将所述多媒体播放容器移动到该原始位置。
16、根据权利要求 10所述的播放浏览器中多媒体的装置，其特征在 于，
多媒体播放容器移动单元， 用于以下列中的至少一个将所述多媒体 播放容器移动到浏览器可视区域中：
以淡入淡出的显示方式将所述多媒体播放容器移动到浏览器可视区 域；
以直接切换的显示方式将所述多媒体播放容器移动到浏览器可视区 域；
在浏览器的可视区域移动过程中多媒体播放容器向右移动的方式，
将所述多媒体播放容器移动到浏览器可视区域；
在浏览器的可视区域移动过程中多媒体播放容器向左移动的方式， 将所述多媒体播放容器移动到浏览器可视区域；
在浏览器的可视区域移动过程中多媒体播放容器向上移动的方式， 将所述多媒体播放容器移动到浏览器可视区域； 或
在浏览器的可视区域移动过程中多媒体播放容器向下移动的方式， 将所述多媒体播放容器移动到浏览器可视区域。
17、 一种计算机可读存储介质， 其特征在于， 存储有计算机程序代 码， 所述计算机程序代码能够被一计算机单元所执行， 并使得所述计算 机单元执行如权利要求 1至 9中任一项所述的播放浏览器中多媒体的方 法。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| US14/740,894 US10460016B2 (en) | 2012-12-17 | 2015-06-16 | Method and apparatus for playing multimedia in browser |
Applications Claiming Priority (2)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201210547780.2A CN102968509B (zh) | 2012-12-17 | 2012-12-17 | 一种播放浏览器中多媒体的方法和装置 |
| CN201210547780.2 | 2012-12-17 |
Related Child Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| US14/740,894 Continuation US10460016B2 (en) | 2012-12-17 | 2015-06-16 | Method and apparatus for playing multimedia in browser |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| WO2014094585A1 true WO2014094585A1 (zh) | 2014-06-26 |
Family
ID=47798647
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| PCT/CN2013/089622 WO2014094585A1 (zh) | 2012-12-17 | 2013-12-17 | 一种播放浏览器中多媒体的方法和装置 |
Country Status (3)
| Country | Link |
|---|---|
| US (1) | US10460016B2 (zh) |
| CN (1) | CN102968509B (zh) |
| WO (1) | WO2014094585A1 (zh) |
Families Citing this family (14)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102968509B (zh) | 2012-12-17 | 2016-03-09 | 腾讯科技（深圳）有限公司 | 一种播放浏览器中多媒体的方法和装置 |
| CN103986962B (zh) * | 2014-06-03 | 2016-03-02 | 合一网络技术(北京)有限公司 | 显示悬浮式播放窗口的方法和系统 |
| CN105373368A (zh) * | 2014-08-21 | 2016-03-02 | 腾讯科技（北京）有限公司 | 一种音频播放窗口的控制方法和装置 |
| KR101685288B1 (ko) * | 2015-05-11 | 2016-12-09 | 주식회사 카카오 | 컨텐츠 표시 제어 방법 및 컨텐츠 표시 제어 방법을 수행하는 사용자 단말 |
| CN108337549B (zh) * | 2015-07-20 | 2020-10-27 | 阿里巴巴（中国）有限公司 | 视频播放方法及其装置 |
| CN105335071A (zh) * | 2015-10-26 | 2016-02-17 | 百度在线网络技术（北京）有限公司 | 一种页面元素的显示方法及装置 |
| CN105430507B (zh) * | 2015-11-24 | 2019-01-18 | 天脉聚源(北京)传媒科技有限公司 | 一种播放控制方法及装置 |
| CN105468746B (zh) * | 2015-11-25 | 2019-05-03 | 百度在线网络技术（北京）有限公司 | 网页多媒体内容处理方法及装置 |
| CN105488145B (zh) * | 2015-11-26 | 2019-07-09 | 小米科技有限责任公司 | 网页内容的显示方法、装置及终端 |
| CN107197362A (zh) * | 2016-03-15 | 2017-09-22 | 广州市动景计算机科技有限公司 | 一种播放多媒体信息的方法及装置 |
| CN105843932A (zh) * | 2016-03-30 | 2016-08-10 | 乐视控股（北京）有限公司 | 一种网页设计方法和装置 |
| CN107172500B (zh) * | 2017-06-26 | 2020-06-26 | 北京金山安全软件有限公司 | 网页中视频播放方法及装置 |
| CN111813969A (zh) * | 2019-11-08 | 2020-10-23 | 厦门雅基软件有限公司 | 多媒体数据处理方法、装置、电子设备及计算机存储介质 |
| CN112684997A (zh) * | 2021-01-05 | 2021-04-20 | 浪潮云信息技术股份公司 | 一种数据可视化大屏组合展示方法 |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN1588864A (zh) * | 2004-09-03 | 2005-03-02 | 王金堃 | 带有播放区域的网页 |
| CN101520809A (zh) * | 2009-04-03 | 2009-09-02 | 腾讯科技（深圳）有限公司 | 一种网络视频的显示方法和装置 |
| CN102819379A (zh) * | 2011-06-10 | 2012-12-12 | 深圳市快播科技有限公司 | 多媒体信息的播放方法及多媒体播放器 |
| CN102968509A (zh) * | 2012-12-17 | 2013-03-13 | 腾讯科技（深圳）有限公司 | 一种播放浏览器中多媒体的方法和装置 |
Family Cites Families (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US7877687B2 (en) * | 2007-08-16 | 2011-01-25 | Yahoo! Inc. | Persistent visual media player |
| CN102117290B (zh) * | 2009-12-30 | 2015-03-18 | 北京搜狗科技发展有限公司 | 一种展现网页中页面元素的方法及系统 |
| US20110191676A1 (en) * | 2010-01-29 | 2011-08-04 | Microsoft Corporation | Cross-Browser Interactivity Recording, Playback, and Editing |
| KR101028009B1 (ko) * | 2010-05-07 | 2011-04-07 | 김안종 | 온라인 광고 제공 방법 및 장치 |
| US9363579B2 (en) * | 2010-12-22 | 2016-06-07 | Google Inc. | Video player with assisted seek |
| US8935611B2 (en) * | 2011-10-10 | 2015-01-13 | Vivoom, Inc. | Network-based rendering and steering of visual effects |
| US20150212694A1 (en) * | 2012-05-02 | 2015-07-30 | Google Inc. | Internet browser zooming |
-
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 (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN1588864A (zh) * | 2004-09-03 | 2005-03-02 | 王金堃 | 带有播放区域的网页 |
| CN101520809A (zh) * | 2009-04-03 | 2009-09-02 | 腾讯科技（深圳）有限公司 | 一种网络视频的显示方法和装置 |
| CN102819379A (zh) * | 2011-06-10 | 2012-12-12 | 深圳市快播科技有限公司 | 多媒体信息的播放方法及多媒体播放器 |
| CN102968509A (zh) * | 2012-12-17 | 2013-03-13 | 腾讯科技（深圳）有限公司 | 一种播放浏览器中多媒体的方法和装置 |
Also Published As
| Publication number | Publication date |
|---|---|
| US10460016B2 (en) | 2019-10-29 |
| CN102968509A (zh) | 2013-03-13 |
| CN102968509B (zh) | 2016-03-09 |
| US20150278174A1 (en) | 2015-10-01 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| WO2014094585A1 (zh) | 一种播放浏览器中多媒体的方法和装置 | |
| US20230022781A1 (en) | User interfaces for viewing and accessing content on an electronic device | |
| US10542106B2 (en) | Content pre-render and pre-fetch techniques | |
| AU2017200737B2 (en) | Multi-application environment | |
| CN107341018B (zh) | 一种在页面切换后继续显示视图的方法和装置 | |
| US20180285471A1 (en) | Page caching method and apparatus | |
| US9703637B2 (en) | Undo system | |
| US9104440B2 (en) | Multi-application environment | |
| US20130106888A1 (en) | Interactively zooming content during a presentation | |
| US8839099B2 (en) | Flash content navigation method, mobile electronic device, and computer-readable medium | |
| US20120240036A1 (en) | E-Book Reading Location Indicator | |
| US20120246592A1 (en) | Method for customizing user interface and electronic device thereof | |
| WO2019128193A1 (zh) | 移动终端及浮屏操作控制方法、装置 | |
| US9747004B2 (en) | Web content navigation using tab switching | |
| EP3677322A1 (en) | Virtual scene display method and device, and storage medium | |
| US20130315570A1 (en) | Method and apparatus for multi-playing videos | |
| WO2022199406A1 (zh) | 应用程序的热点事件展示方法和电子设备 | |
| WO2017101390A1 (zh) | 一种图片显示方法及装置 | |
| US20170169599A1 (en) | Methods and electronic devices for displaying picture | |
| CN111125480A (zh) | 背景音乐的播放方法、设备、客户端装置及电子设备 | |
| US20130060975A1 (en) | Assistive Buffer Usage Techniques | |
| US20130067315A1 (en) | Virtual Viewport and Fixed Positioning with Optical Zoom | |
| CN109416638B (zh) | 可定制的紧凑叠加窗口 | |
| WO2021159950A1 (zh) | 标签显示方法、设备以及计算机可读介质 |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| 121 | Ep: the epo has been informed by wipo that ep was designated in this application |
Ref document number: 13865089 Country of ref document: EP Kind code of ref document: A1 |
|
| NENP | Non-entry into the national phase |
Ref country code: DE |
|
| 32PN | Ep: public notification in the ep bulletin as address of the adressee cannot be established |
Free format text: NOTING OF LOSS OF RIGHTS PURSUANT TO RULE 112(1) EPC (EPO FORM 1205N DATED 25/08/2015) |
|
| 122 | Ep: pct application non-entry in european phase |
Ref document number: 13865089 Country of ref document: EP Kind code of ref document: A1 |