WO2021056735A1 - 页面播放方法、装置、电子设备及存储介质 - Google Patents
页面播放方法、装置、电子设备及存储介质 Download PDFInfo
- Publication number
- WO2021056735A1 WO2021056735A1 PCT/CN2019/117619 CN2019117619W WO2021056735A1 WO 2021056735 A1 WO2021056735 A1 WO 2021056735A1 CN 2019117619 W CN2019117619 W CN 2019117619W WO 2021056735 A1 WO2021056735 A1 WO 2021056735A1
- Authority
- WO
- WIPO (PCT)
- Prior art keywords
- page
- carousel
- current
- instruction
- switching
- 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.)
- Ceased
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING OR CALCULATING; COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9577—Optimising the visualization of content, e.g. distillation of HTML documents
Definitions
- This application relates to the field of Web (World Wide Web, World Wide Web) development technology, and in particular to a method, device, electronic device, and storage medium for page playback.
- Web World Wide Web, World Wide Web
- the current carousel component has a single function, which can meet the basic carousel needs, such as: regular carousel page, click the page number button to switch pages.
- regular carousel page click the page number button to switch pages.
- the multiple carousel pages are switched quickly, but it is too late to fully display each carousel page, which not only affects users’ normal viewing of web pages, but also It will also cause the carousel page to appear stuck or even freeze.
- the first aspect of the present application provides a page playback method, the method includes:
- the current page is switched according to the page turning effect option among the multiple playback configuration options.
- the method further includes:
- the current operating state of the carousel is a page turning state or a dragging state, it is forbidden to switch the current page.
- the method further includes:
- the determining the page turning page from the target page according to the type of the switching instruction includes:
- a page-turning page is determined from the target page.
- the judging whether the switching instruction is valid includes:
- the method further includes:
- the window corresponding to the current page will pop up;
- the recognizing the face image to determine the age of the current user includes:
- the face image is input into the trained embedded hidden Markov model to obtain the age corresponding to the face image.
- the second aspect of the present application provides a page playback device, the device includes:
- the start module is used to start the carousel when a page playback instruction is received, wherein the carousel is provided with multiple playback configuration options, and each of the playback configuration options is used to implement a different playback function;
- the acquisition module is used to acquire the face image of the current user
- a recognition module for recognizing the face image to determine the age of the current user
- the recognition module is further configured to use image recognition technology to perform content recognition on a preset carousel page, and determine a target page that meets the viewing requirement of the age from the preset carousel page;
- a carousel module configured to use the carousel to rotate the target page according to a preset time interval and playback sequence
- the judging module is used for judging whether the current running state of the carousel is in the carousel display state when a switching instruction for the current page is received;
- the switching module is configured to switch the current page according to the page turning effect option among the multiple playback configuration options if the current running state of the carousel is in the carousel display state.
- a third aspect of the present application provides an electronic device including a processor and a memory, and the processor is configured to implement the page playback method when executing computer-readable instructions stored in the memory.
- a fourth aspect of the present application provides a non-volatile readable storage medium having computer readable instructions stored on the non-volatile readable storage medium, and when the computer readable instructions are executed by a processor, the The page playback method.
- various carousel playback functions can be realized according to multiple playback configuration options, and the preset carousel pages can also be filtered to only play pages that meet the age of the current user, which can avoid problems The content infringes on the current user and protects the current user’s mental health.
- a switching instruction when a switching instruction is received, not all respond to the switching, but only when the carousel is displayed in the state can respond to the switching instruction to avoid the process of turning pages Responding to the switching instruction causes the page turning to freeze, thereby ensuring the smoothness of the carousel page playback.
- Fig. 1 is a flowchart of a preferred embodiment of a page playback method disclosed in the present application.
- Fig. 2 is a functional block diagram of a preferred embodiment of a page playing device disclosed in the present application.
- FIG. 3 is a schematic diagram of the structure of an electronic device according to a preferred embodiment of the page playback method according to the present application.
- the page playback method of the embodiment of the present application is applied to an electronic device, and can also be applied to a hardware environment composed of an electronic device and a server connected to the electronic device through a network, and is executed by the server and the electronic device together.
- Networks include but are not limited to: wide area network, metropolitan area network or local area network.
- the server may refer to a computer system that can provide services to other devices (such as electronic devices) in the network.
- An electronic device is a device that can automatically perform numerical calculation and/or information processing in accordance with pre-set or stored instructions. Its hardware includes, but is not limited to, a microprocessor, an application-specific integrated circuit (ASIC), and a field programmable gate array ( FPGA), digital processor (DSP), embedded device, etc.
- the electronic equipment may also include network equipment and/or user equipment.
- the network device includes, but is not limited to, a single network server, a server group composed of multiple network servers, or a cloud composed of a large number of hosts or network servers based on cloud computing.
- the user equipment includes, but is not limited to, any electronic product that can interact with the user through a keyboard, a mouse, a remote control, a touch panel, or a voice control device, for example, a personal computer, a tablet computer, a smart phone, and a personal digital device. Assistant PDA, etc.
- Fig. 1 is a flowchart of a preferred embodiment of a page playback method disclosed in the present application. Among them, according to different needs, the order of the steps in the flowchart can be changed, and some steps can be omitted.
- the electronic device When receiving a page play instruction, the electronic device starts a carousel, wherein the carousel is provided with multiple playback configuration options, and each of the playback configuration options is used to implement a different playback function.
- a preset carousel page can be loaded and a timer can be started to start the carousel, wherein the carousel is set with multiple playback configuration options, each The described playback configuration options are used to implement different playback functions.
- different code blocks are executed according to different playback configuration options to realize different playback functions, which enriches the functions of the carousel component and can meet various carousel requirements.
- the multiple playback configuration options include page turning effect options, button skin options, pop-up window options, and drag page turning options.
- the page turning effect option is used to specify the page turning effect of switching between two pages, where the page turning effect includes but not limited to animation effects (fade in and fade out, rotation, flip, etc.), animation playback time, and animation Changes in playback speed.
- the button skin options include left/right page turning button skin options and page number button skin options.
- the left/right page turning button options are used to specify the CSS (Cascading Style Sheets) of the left/right page turning buttons. ) Style, the page number button skin option is used to specify the CSS style of the page number button, where CSS is a computer language that can be used to control the style and layout of a web page.
- the pop-up window option is used to open or close the pop-up window function of the specified page.
- the pop-up window option includes a parameter that defines the content of the pop-up window. If the number of the parameter is one, according to the Parameters, specify the title of the pop-up window; if the number of parameters is two, specify the title and description of the pop-up window according to the parameters; if the number of the parameters is three, according to the parameters, Specify the entire content of the pop-up window (web page code).
- the drag page turning option is used to turn on or off the drag page turning function of the carousel.
- the drag page turning function When the drag page turning function is turned on, it can respond to the mouse drag event to switch the currently playing page.
- each playback configuration option has a preset default value.
- the preset default value is used to set the carousel's The playback configuration options.
- the electronic device obtains a face image of the current user.
- the face image of the current user can be obtained by calling the photographing device.
- the electronic device recognizes the face image to determine the age of the current user.
- the recognizing the face image to determine the age of the current user includes:
- the face image is input into the trained embedded hidden Markov model to obtain the age corresponding to the face image.
- an age recognition algorithm based on EHMM may be used to recognize the face image and determine the age of the current user.
- EHMM Embedded Hidden Markov Model
- the electronic device uses image recognition technology to perform content recognition on a preset carousel page, and determines a target page that meets the viewing requirement of the age from the preset carousel page.
- the content of the preset carousel page can be identified through the existing image recognition technology (for example: calling the image review API), where the content of the content identification includes but is not limited to pornography, violence, For politics and terrorism, according to preset rules, a target page that meets the viewing requirements of the age is determined from the preset carousel pages. For example, only users who are at least 18 years old can view political pages.
- the content of the target page can be more easily accepted by the current user, and at the same time, the current user can be avoided from harmful content and the mental health of the current user can be protected.
- the electronic device uses the carousel to rotate the target page according to the preset time interval and playback sequence.
- the preset time interval is a time set in the timer in advance. For example, if the preset time interval is 300 milliseconds, then each page will be played for 300 milliseconds, and after 300 milliseconds, the page will be automatically turned to switch to the next one. The page is played, and the playing order of the page is preset.
- the carousel is used to rotate the target page according to the preset time interval and playback order, that is, every preset time interval, according to the preset playback order, select the next one.
- the target page is played.
- step S16 When receiving the switching instruction for the current page, the electronic device judges whether the current running state of the carousel is the carousel displaying state, if yes, execute step S17, if not, end this process.
- the running state of the carousel includes: carousel displaying state, page turning process state, and dragging state.
- the state in the carousel display indicates that the carousel is playing a page
- the state in the page turning process indicates that the carousel is switching pages
- the drag state indicates that the carousel is responding to mouse drag event.
- the carousel When the carousel is in the state of carousel display, after a preset time interval, such as 3 seconds, it enters the state of the page turning process, and the state of the whole page turning process may be Lasts for 300 milliseconds (used to achieve page turning effects such as left and right page turning or fade in and out), and then enters the carousel display state.
- a preset time interval such as 3 seconds
- the state of the whole page turning process may be Lasts for 300 milliseconds (used to achieve page turning effects such as left and right page turning or fade in and out)
- the carousel stops the display state and enters In the dragging state, when the user releases his hand, the carousel is immediately in the state of turning pages.
- the method further includes:
- the current operating state of the carousel is a page turning state or a dragging state, it is forbidden to switch the current page.
- the current operating state of the carousel is the page turning state or the dragging state, it does not respond to the switching instruction input by the user, that is, it is forbidden to switch the current page.
- the electronic device switches the current page according to the page turning effect option among the multiple playback configuration options.
- the current running state of the carousel is the carousel displaying state, it indicates that the carousel can respond to the switching instruction for the current page to switch the current page.
- the current page is switched using the page turning effect of the page turning effect option.
- the carousel responds to the switching instructions only when the carousel is in the state of display, which can avoid page switching jams or even page switching caused by rapid page switching due to receiving multiple switching instructions and performing multiple switching operations at the same time during the page turning process. Stuck situation. Improve the fluency of page switching.
- the method further includes:
- the types of the switching instructions include: drag switching instructions, page number switching instructions, and left/right page switching instructions.
- the drag switch instruction is a switch instruction generated by a mouse drag
- the page switch instruction is a switch instruction generated by clicking a page number button
- the left/right page switch instruction is generated by clicking a left/right page button Switching instructions.
- the page-turning page is determined from the target page according to the type of the switching instruction, and then according to the multiple playback configurations
- the page turning effect option in the options switches the current page to the page turning page.
- the determining the page turning page from the target page according to the type of the switching instruction includes:
- a page-turning page is determined from the target page.
- the drag page turning function is enabled and the type of the switch instruction is a drag switch instruction
- the switch instruction is valid
- the drag instruction is valid
- the mouse drag direction is determined
- a page-turning page is determined from the target page according to the switching direction. For example, if the dragging direction of the mouse is dragging from left to right, the target page that is arranged on the left side of the current page is determined as the page turning page; if the dragging direction of the mouse is dragging from right to left, it will be arranged on the The target page on the right side of the current page is determined to be the page turning page.
- the target page corresponding to the clicked page number button is determined as a page turning page
- the type of the switching instruction is a left page switching instruction, determining the first target page on the left side of the current page as the page turning page;
- the type of the switching instruction is a right page switching instruction
- the first target page on the right side of the current page is determined as the page turning page.
- the judging whether the switching instruction is valid includes:
- mouse dragging is composed of three events: mouse click, mouse movement, and mouse release.
- the first horizontal coordinate of the mouse is obtained when the mouse is clicked, and the second horizontal coordinate of the mouse is obtained when the mouse is released, and the first horizontal coordinate and the second horizontal coordinate are used to determine The horizontal drag length of the mouse drag.
- the displacement of the mouse can be monitored at a short time interval to determine whether the dragging speed of the mouse maintains a balanced speed state. For example: in the process of dragging the mouse, obtain the coordinates of the mouse every 100 milliseconds, determine the size of the mouse displacement in each 100 millisecond interval, and determine whether the size of each mouse displacement is consistent within the allowable error. If they are consistent, It is determined that the mouse dragging maintains a balanced speed state.
- the human drag operation basically balances the speed. It is judged whether the switching instruction is valid by the horizontal drag length and the speed status, which can avoid the page switching caused by misoperation, such as accidentally touching the mouse and causing the mouse to drag. Switching commands inputted by operations such as a short distance or the sudden excessive speed of the mouse drag due to other reasons during the drag process will be judged as invalid.
- the horizontal drag length is limited.
- the mouse is dragged, only the horizontal coordinates in the carousel are acquired.
- the mouse is moved outside the carousel and released, the last position of the mouse is recorded The horizontal coordinate in the carousel.
- a variety of carousel playback functions can be realized according to multiple playback configuration options, and preset carousel pages can be filtered to only play pages that match the age of the current user, which can avoid The harmful content infringes the current user and protects the mental health of the current user.
- preset carousel pages can be filtered to only play pages that match the age of the current user, which can avoid The harmful content infringes the current user and protects the mental health of the current user.
- the switching instruction not all respond to the switching, but only when the carousel is displayed in the state can respond to the switching instruction, avoiding the page turning process In response to the switching instruction, the page turning is stuck, so as to ensure the smoothness of the carousel page playback.
- Fig. 2 is a functional block diagram of a preferred embodiment of a page playing device disclosed in the present application.
- the page playback device runs in an electronic device.
- the page playback device may include multiple functional modules composed of program code segments.
- the program code of each program segment in the page playback device can be stored in a memory and executed by at least one processor to execute part or all of the steps in the page playback method described in FIG. 1.
- the page playback device can be divided into multiple functional modules according to the functions it performs.
- the functional modules may include: a startup module 201, an acquisition module 202, an identification module 203, a carousel module 204, a judgment module 205, and a switching module 206.
- the module referred to in this application refers to a series of computer-readable instruction segments that can be executed by at least one processor and can complete fixed functions, and are stored in a memory.
- the activation module 201 is configured to activate the carousel when a page playback instruction is received, wherein the carousel is provided with multiple playback configuration options, and each of the playback configuration options is used to implement a different playback function.
- a preset carousel page can be loaded and a timer can be started to start the carousel, wherein the carousel is set with multiple playback configuration options, each The described playback configuration options are used to implement different playback functions.
- different code blocks are executed according to different playback configuration options to realize different playback functions, which enriches the functions of the carousel component and can meet various carousel requirements.
- the obtaining module 202 is used to obtain the face image of the current user.
- the face image of the current user can be obtained by calling the photographing device.
- the recognition module 203 is configured to recognize the face image to determine the age of the current user.
- the recognition module 203 is further configured to use image recognition technology to perform content recognition on a preset carousel page, and determine a target page that meets the viewing requirement of the age from the preset carousel page.
- the content of the preset carousel page can be identified through the existing image recognition technology (for example: calling the image review API), where the content of the content identification includes but is not limited to pornography, violence, For politics and terrorism, according to preset rules, a target page that meets the viewing requirements of the age is determined from the preset carousel pages. For example, only users who are at least 18 years old can view political pages.
- the content of the target page can be more easily accepted by the current user, and at the same time, the current user can be avoided from harmful content and the mental health of the current user can be protected.
- the carousel module 204 is configured to use the carousel to rotate the target page according to a preset time interval and playback sequence.
- the preset time interval is a time set in the timer in advance. For example, if the preset time interval is 300 milliseconds, then each page will be played for 300 milliseconds, and after 300 milliseconds, the page will be automatically turned to switch to the next one. The page is played, and the playing order of the page is preset.
- the carousel is used to rotate the target page according to the preset time interval and playback order, that is, every preset time interval, according to the preset playback order, select the next one.
- the target page is played.
- the judging module 205 is configured to judge whether the current running state of the carousel is in the carousel display state when a switching instruction for the current page is received.
- the running state of the carousel includes: carousel displaying state, page turning process state, and dragging state.
- the state in the carousel display indicates that the carousel is playing a page
- the state in the page turning process indicates that the carousel is switching pages
- the drag state indicates that the carousel is responding to mouse drag event.
- the carousel When the carousel is in the state of carousel display, after a preset time interval, such as 3 seconds, it enters the state of the page turning process, and the state of the whole page turning process may be Lasts for 300 milliseconds (used to achieve page turning effects such as left and right page turning or fade in and out), and then enters the carousel display state.
- a preset time interval such as 3 seconds
- the state of the whole page turning process may be Lasts for 300 milliseconds (used to achieve page turning effects such as left and right page turning or fade in and out)
- the carousel stops the display state and enters In the dragging state, when the user releases his hand, the carousel is immediately in the state of turning pages.
- the switching module 206 is configured to switch the current page according to the page turning effect option among the multiple playback configuration options if the current running state of the carousel is in the carousel display state.
- the current running state of the carousel is the carousel displaying state, it indicates that the carousel can respond to the switching instruction for the current page to switch the current page.
- the current page is switched using the page turning effect of the page turning effect option.
- the carousel responds to the switching instructions only when the carousel is in the state of display, which can avoid page switching jams or even page switching caused by rapid page switching due to receiving multiple switching instructions and performing multiple switching operations at the same time during the page turning process. Stuck situation. Improve the fluency of page switching.
- the page playback device may further include:
- the prohibition module is used for prohibiting switching of the current page if the current operating state of the carousel is the state in the process of page turning or the dragging state.
- the current operating state of the carousel is the page turning state or the dragging state, it does not respond to the switching instruction input by the user, that is, it is forbidden to switch the current page.
- the page playback device may further include:
- a determining module configured to determine a page-turning page from the target page according to the type of the switching instruction if the current operating state of the carousel is in the carousel display state;
- the switching module 206 specifically switches the current page as follows:
- the types of the switching instructions include: drag switching instructions, page number switching instructions, and left/right page switching instructions.
- the drag switch instruction is a switch instruction generated by a mouse drag
- the page switch instruction is a switch instruction generated by clicking a page number button
- the left/right page switch instruction is generated by clicking a left/right page button Switching instructions.
- the page-turning page is determined from the target page according to the type of the switching instruction, and then according to the multiple playback configurations
- the page turning effect option in the options switches the current page to the page turning page.
- the determining module includes:
- a judging sub-module which is used for judging whether the switch instruction is valid if the drag page turning function is enabled and the type of the switch instruction is a drag switch instruction;
- a determining sub-module configured to determine the direction of the mouse drag as the switching direction of the switching instruction if the switching instruction is valid
- the determining submodule is further configured to determine a page turning page from the target page according to the switching direction.
- the drag page turning function is enabled, and the type of the switching instruction is a drag switching instruction, it is determined whether the switching instruction is valid, and if the drag instruction is valid, the direction of the mouse drag is determined
- a page-turning page is determined from the target page according to the switching direction. For example, if the dragging direction of the mouse is dragging from left to right, the target page that is arranged on the left side of the current page is determined as the page turning page; if the dragging direction of the mouse is dragging from right to left, it will be arranged on the The target page on the right side of the current page is determined to be the page turning page.
- the target page corresponding to the clicked page number button is determined as a page turning page
- the type of the switching instruction is a left page switching instruction, determining the first target page on the left side of the current page as the page turning page;
- the type of the switching instruction is a right page switching instruction
- the first target page on the right side of the current page is determined as the page turning page.
- the method for the judging submodule to judge whether the switching instruction is valid is specifically as follows:
- mouse dragging is composed of three events: mouse click, mouse movement, and mouse release.
- the first horizontal coordinate of the mouse is obtained when the mouse is clicked, and the second horizontal coordinate of the mouse is obtained when the mouse is released, and the first horizontal coordinate and the second horizontal coordinate are used to determine The horizontal drag length of the mouse drag.
- the displacement of the mouse can be monitored at a short time interval to determine whether the dragging speed of the mouse maintains a balanced speed state. For example: in the process of dragging the mouse, obtain the coordinates of the mouse every 100 milliseconds, determine the size of the mouse displacement in each 100 millisecond interval, and determine whether the size of each mouse displacement is consistent within the allowable error. If they are consistent, It is determined that the mouse dragging maintains a balanced speed state.
- the human drag operation basically balances the speed. It is judged whether the switching instruction is valid by the horizontal drag length and the speed status, which can avoid the page switching caused by the wrong operation, such as accidentally touching the mouse and causing the mouse to drag. Switching commands inputted by operations such as a short distance or the sudden excessive speed of the mouse drag due to other reasons during the drag process will be judged as invalid.
- the horizontal drag length is limited.
- the mouse is dragged, only the horizontal coordinates in the carousel are acquired.
- the mouse is moved outside the carousel and released, the last position of the mouse is recorded The horizontal coordinate in the carousel.
- the judging module 205 is further used for after the carousel module 204 uses the carousel to rotate the target page according to a preset time interval and playback sequence, When a click instruction for the current page is received, it is determined whether the pop-up function of the current page is enabled according to the pop-up window option in the multiple playback configuration options.
- the page playing device may further include:
- the pop-up module is used to pop up the window corresponding to the current page if the pop-up function of the current page is enabled;
- the access module is used for accessing the webpage link bound to the current page if the pop-up window function of the current page is not enabled.
- the mouse click event can be captured in the carousel container (the area where the page is played and displayed).
- the mouse click event it is considered that a click instruction for the current page is received, and according to the multiple Play the pop-up window option in the configuration options, determine whether the pop-up window function of the current page is enabled, if the pop-up window function of the current page is enabled, the window corresponding to the current page will pop up; if the pop-up window of the current page If the function is not turned on, access the web link bound to the current page to realize the jump function of the clicked page.
- the window corresponding to the current page is a custom window, and a section of window content script can be inserted according to business needs.
- the code of the window does not depend on the code of the carousel, and the window and the carousel can be cancelled. Coupling between.
- the method for the recognition module 203 to recognize the face image to determine the age of the current user is specifically as follows:
- the face image is input into the trained embedded hidden Markov model to obtain the age corresponding to the face image.
- an age recognition algorithm based on EHMM may be used to recognize the face image and determine the age of the current user.
- EHMM Embedded Hidden Markov Model
- the multiple playback configuration options include a page turning effect option, a button skin option, a pop-up window option, and a drag page turning option.
- the page turning effect option is used to specify the page turning effect of switching between two pages, where the page turning effect includes but not limited to animation effects (fade in and fade out, rotation, flip, etc.), animation playback time, and animation Changes in playback speed.
- the button skin options include left/right page turning button skin options and page number button skin options.
- the left/right page turning button options are used to specify the CSS (Cascading Style Sheets) of the left/right page turning buttons. ) Style, the page number button skin option is used to specify the CSS style of the page number button, where CSS is a computer language that can be used to control the style and layout of a web page.
- the pop-up window option is used to open or close the pop-up window function of the specified page.
- the pop-up window option includes a parameter that defines the content of the pop-up window. If the number of the parameter is one, according to the Parameters, specify the title of the pop-up window; if the number of parameters is two, specify the title and description of the pop-up window according to the parameters; if the number of the parameters is three, according to the parameters, Specify the entire content of the pop-up window (web page code).
- the drag page turning option is used to turn on or off the drag page turning function of the carousel.
- the drag page turning function When the drag page turning function is turned on, it can respond to the mouse drag event to switch the currently playing page.
- each playback configuration option has a preset default value.
- the preset default value is used to set the carousel's The playback configuration options.
- a variety of carousel playback functions can be implemented according to multiple playback configuration options, and preset carousel pages can be filtered to only play pages that meet the age of the current user. Avoid harmful content to the current user, protect the current user’s mental health, and at the same time, when receiving the switching instruction, not all respond to the switching, but only in the carousel display state can respond to the switching instruction, avoid turning pages During the process, the page turning stuck in response to the switching instruction, which can ensure the smoothness of the carousel page playback.
- FIG. 3 is a schematic diagram of the structure of an electronic device according to a preferred embodiment of the page playback method according to the present application.
- the electronic device 3 includes a memory 31, at least one processor 32, computer-readable instructions 33 stored in the memory 31 and executable on the at least one processor 32, and at least one communication bus 34.
- FIG. 3 is only an example of the electronic device 3, and does not constitute a limitation on the electronic device 3. It may include more or less components than those shown in the figure, or a combination. Certain components, or different components, for example, the electronic device 3 may also include input and output devices, network access devices, and so on.
- the at least one processor 32 may be a central processing unit (Central Processing Unit, CPU), or other general-purpose processors, digital signal processors (Digital Signal Processors, DSPs), and application specific integrated circuits (ASICs). ), Field-Programmable Gate Array (FPGA) or other programmable logic devices, discrete gates or transistor logic devices, discrete hardware components, etc.
- the processor 32 can be a microprocessor or the processor 32 can also be any conventional processor, etc.
- the processor 32 is the control center of the electronic device 3, and connects the entire electronic device 3 through various interfaces and lines. The various parts.
- the memory 31 may be used to store the computer-readable instructions 33 and/or modules/units, and the processor 32 runs or executes the computer-readable instructions and/or modules/units stored in the memory 31, and The data stored in the memory 31 is called to realize various functions of the electronic device 3.
- the memory 31 may mainly include a storage program area and a storage data area.
- the storage program area may store an operating system, an application program required by at least one function (such as a sound playback function, an image playback function, etc.), etc.; the storage data area may The data (such as audio data) created according to the use of the electronic device 3 and the like are stored.
- the memory 31 may include non-volatile memory, such as a hard disk, a memory, a plug-in hard disk, a smart memory card (Smart Media Card, SMC), a Secure Digital (SD) card, a flash memory card (Flash Card), At least one magnetic disk storage device, flash memory device, or other non-volatile solid state storage device.
- non-volatile memory such as a hard disk, a memory, a plug-in hard disk, a smart memory card (Smart Media Card, SMC), a Secure Digital (SD) card, a flash memory card (Flash Card), At least one magnetic disk storage device, flash memory device, or other non-volatile solid state storage device.
- the memory 31 in the electronic device 3 stores multiple instructions to implement a page playback method, and the processor 32 can execute the multiple instructions to implement:
- the current page is switched according to the page turning effect option among the multiple playback configuration options.
- a variety of carousel playback functions can be implemented according to multiple playback configuration options, and preset carousel pages can also be filtered to only play pages that match the age of the current user. Avoid harmful content to the current user, protect the current user’s mental health, and at the same time, when receiving the switching instruction, not all respond to the switching, but only in the carousel display state can respond to the switching instruction, avoid turning pages During the process, the page turning stuck in response to the switching instruction, which can ensure the smoothness of the carousel page playback.
- the integrated module/unit of the electronic device 3 is implemented in the form of a software functional unit and sold or used as an independent product, it can be stored in a non-volatile readable storage medium.
- this application implements all or part of the processes in the above-mentioned embodiments and methods, and can also be completed by instructing relevant hardware through computer-readable instructions.
- the computer-readable instructions may be stored in a non-volatile memory.
- the computer-readable instruction code may be in the form of source code, object code, executable file, or some intermediate forms, etc.
- the non-volatile readable medium may include: any entity or device capable of carrying the computer readable instruction code, recording medium, U disk, mobile hard disk, magnetic disk, optical disk, computer memory, read-only memory (ROM, Read-Only Memory).
Landscapes
- Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Theoretical Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
一种页面播放方法,所述方法包括:当接收到页面播放指令时,启动轮播器;获取当前用户的人脸图像;识别所述人脸图像,以确定所述当前用户的年龄;采用图像识别技术对预设的轮播页面进行内容识别,从所述预设的轮播页面中确定符合所述年龄的观看要求的目标页面;根据预设的时间间隔和播放顺序,使用所述轮播器对所述目标页面进行轮播;当接收到针对当前页面的切换指令时,判断所述轮播器当前的运行状态是否为轮播展示中状态;若所述轮播器当前的运行状态为轮播展示中状态,根据多个播放配置选项中的翻页效果选项,对所述当前页面进行切换。还提供一种页面播放装置、电子设备及存储介质。上述方法能确保轮播页面播放的流畅性。
Description
本申请要求于2019年09月23日提交中国专利局,申请号为201910900811.X发明名称为“页面播放方法、装置、电子设备及存储介质”的中国专利申请的优先权,其全部内容通过引用结合在本申请。
本申请涉及Web(World Wide Web,万维网)开发技术领域,尤其涉及一种页面播放方法、装置、电子设备及存储介质。
目前,Web开发中可以使用已有的轮播组件来实现页面的轮播。
但在使用过程中发现,目前的轮播组件的功能比较单一,可以满足基本的轮播需求,比如:定时轮播页面、点击页码按钮切换页面。此外,在鼠标快速点击多个翻页按钮来切换多个轮播页面时,多个轮播页面之间闪速切换,却来不及完全展示每个轮播页面,这不仅影响用户正常查看网页,而且还会导致轮播页面出现卡顿甚至卡死。
因此,在切换时,如何确保轮播页面的流畅性是一个亟待解决的技术问题。
发明内容
鉴于以上内容,有必要提供一种页面播放方法、装置、电子设备及存储介质,能够确保轮播页面播放的流畅性。
本申请的第一方面提供一种页面播放方法,所述方法包括:
当接收到页面播放指令时,启动轮播器,其中,所述轮播器设置有多个播放配置选项,每个所述播放配置选项用于实现不同的播放功能;
获取当前用户的人脸图像;
识别所述人脸图像,以确定所述当前用户的年龄;
采用图像识别技术对预设的轮播页面进行内容识别,从所述预设的轮播页面中确定符合所述年龄的观看要求的目标页面;
根据预设的时间间隔和播放顺序,使用所述轮播器对所述目标页面进行轮播;
当接收到针对当前页面的切换指令时,判断所述轮播器当前的运行状态是否为轮播展示中状态;
若所述轮播器当前的运行状态为轮播展示中状态,根据所述多个播放配置选项中的翻页效果选项,对所述当前页面进行切换。
在一种可能的实现方式中,所述方法还包括:
若所述轮播器当前的运行状态为翻页过程中状态或拖曳状态,禁止对所述当前页面进行切换。
在一种可能的实现方式中,所述方法还包括:
若所述轮播器当前的运行状态为轮播展示中状态,根据所述切换指令的类型,从所述目标页面中确定翻页页面;
所述根据所述多个播放配置选项中的翻页效果选项,对所述当前页面进行切换包括:
根据所述多个播放配置选项中的翻页效果选项,将所述当前页面切换为所述翻页页面。
在一种可能的实现方式中,所述根据所述切换指令的类型,从所述目标页面中确定翻页页面包括:
若拖曳翻页功能已开启,且所述切换指令的类型为拖曳切换指令,判断所述切换指令是否有效;
若所述切换指令有效,将鼠标拖曳的方向确定为所述切换指令的切换方向;
根据所述切换方向,从所述目标页面中确定翻页页面。
在一种可能的实现方式中,所述判断所述切换指令是否有效包括:
确定鼠标拖曳的水平拖曳长度;
判断所述水平拖曳长度是否大于预设的长度阈值,以及判断在整个拖曳过程中,鼠标拖曳的速度是否保持均衡速度状态;
若所述水平拖曳长度大于预设的长度阈值且在整个拖曳过程中,所述鼠标拖曳的速度保持均衡速度状态,确定所述切换指令有效。
在一种可能的实现方式中,所述根据预设的时间间隔和播放顺序,使用所述轮播器对所述目标页面进行轮播之后,所述方法还包括:
当接收到针对当前页面的点击指令时,根据所述多个播放配置选项中的弹窗选项,判断所述当前页面的弹窗功能是否已开启;
若所述当前页面的弹窗功能已开启,弹出所述当前页面对应的窗口;或
若所述当前页面的弹窗功能未开启,访问与所述当前页面绑定的网页链接。
在一种可能的实现方式中,所述识别所述人脸图像,以确定所述当前用户的年龄包括:
将所述人脸图像输入至训练好的嵌入式隐马尔科夫模型中,获得所述人脸图像对应的年龄。
本申请的第二方面提供一种页面播放装置,所述装置包括:
启动模块,用于当接收到页面播放指令时,启动轮播器,其中,所述轮播器设置有多个播放配置选项,每个所述播放配置选项用于实现不同的播放功能;
获取模块,用于获取当前用户的人脸图像;
识别模块,用于识别所述人脸图像,以确定所述当前用户的年龄;
所述识别模块,还用于采用图像识别技术对预设的轮播页面进行内容识别,从所述预设的轮播页面中确定符合所述年龄的观看要求的目标页面;
轮播模块,用于根据预设的时间间隔和播放顺序,使用所述轮播器对所述目标页面进行轮播;
判断模块,用于当接收到针对当前页面的切换指令时,判断所述轮播器当前的运行状态是否为轮播展示中状态;
切换模块,用于若所述轮播器当前的运行状态为轮播展示中状态,根据所述多个播放配置选项中的翻页效果选项,对所述当前页面进行切换。
本申请的第三方面提供一种电子设备,所述电子设备包括处理器和存储器,所述处理器用于执行所述存储器中存储的计算机可读指令时实现所述的页面播放方法。
本申请的第四方面提供一种非易失性可读存储介质,所述非易失性可读存储介质上存储有计算机可读指令,所述计算机可读指令被处理器执行时实现所述的页面播放方法。
由以上技术方案,本申请中,可以根据多个播放配置选项实现多种轮播的播放功能,还可以对预设的轮播页面进行筛选,只播放符合当前用户年龄的页面,这可以避免不良内容对当前用户的侵害,保护当前用户的心里健康,同时,在接收到切换指令时,不是全部响应切换,而是只有在轮播展示中状态时才可以响应切换指令,避免在翻页过程中响应切换指令而导致翻页卡顿,从而能够确保轮播页面播放的流畅性。
图1是本申请公开的一种页面播放方法的较佳实施例的流程图。
图2是本申请公开的一种页面播放装置的较佳实施例的功能模块图。
图3是本申请实现页面播放方法的较佳实施例的电子设备的结构示意图。
下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本申请一部分实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本申请保护的范围。
除非另有定义,本文所使用的所有的技术和科学术语与属于本申请的技术领域的技术人员通常理解的含义相同。本文中在本申请的说明书中所使用的术语只是为了描述具体的实施例的目的,不是旨在于限制本申请。
本申请实施例的页面播放方法应用在电子设备中,也可以应用在电子设备和通过网络与所述电子设备进行连接的服务器所构成的硬件环境中,由服务器和电子设备共同执行。网络包括但不限于:广域网、城域网或局域网。
其中,服务器可以是指能对网络中其它设备(如电子设备)提供服务的计算机系统。电子设备是一种能够按照事先设定或存储的指令,自动进行数值计算和/或信息处理的设备,其硬件包括但不限于微处理器、专用集成电路(ASIC)、现场可编程门阵列(FPGA)、数字处理器(DSP)、嵌入式设备等。所述电子设备还可包括网络设备和/或用户设备。其中,所述网络设备包括但不限于单个网络服务器、多个网络服务器组成的服务器组或基于云计算(Cloud Computing)的由大量主机或网络服务器构成的云。所述用户设备包括但不限于任何一种可与用户通过键盘、鼠标、遥控器、触摸板或声控设备等方式进行人机交互的电子产品,例如,个人计算机、平板电脑、智能手机、个人数字助理PDA等。
图1是本申请公开的一种页面播放方法的较佳实施例的流程图。其中,根据不同的需求,该流程图中步骤的顺序可以改变,某些步骤可以省略。
S11、当接收到页面播放指令时,电子设备启动轮播器,其中,所述轮播器设置有多个播放配置选项,每个所述播放配置选项用于实现不同的播放功能。
本申请实施例中,当接收到页面播放指令时,可以加载预设的轮播页面以及开启计时器以启动轮播器,其中,所述轮播器设置有多个播放配置选项,每个所述播放配置选项用于实现不同的播放功能。所述轮播器在播放页面时,根据不同的播放配置选项来执行不同的代码块以实现不同的播放功能,丰富了轮播组件的功能,可以满足各种轮播需求。
具体的,所述多个播放配置选项包括翻页效果选项、按钮皮肤选项、弹窗选项以及 拖曳翻页选项。
其中,所述翻页效果选项用于指定两个页面之间切换的翻页效果,其中,所述翻页效果包括但不限于动画效果(淡入淡出、旋转、翻转等)、动画播放时间以及动画播放速度的变化。
其中,所述按钮皮肤选项包括左/右翻页按钮皮肤选项以及页码按钮皮肤选项,所述左/右翻页按钮选项用于指定左/右翻页按钮的CSS(Cascading Style Sheets,层叠样式表)样式,所述页码按钮皮肤选项用于指定页码按钮的CSS样式,其中,CSS是是一种计算机语言,可以用来控制网页的样式和布局。
其中,所述弹窗选项用来开启或关闭指定页面的弹窗功能,可选的,所述弹窗选项包括定义弹窗内容的参数,若所述参数的个数为一个时,根据所述参数,指定弹窗的标题;若所述参数的个数为两个时,根据所述参数,指定弹窗的标题以及描述;若所述参数的个数为三个时,根据所述参数,指定弹窗的全部内容(网页代码)。
其中,所述拖曳翻页选项用于开启或关闭轮播器的拖曳翻页功能,当所述拖曳翻页功能开启时,可以响应鼠标拖曳事件,切换当前播放的页面。
在该可选的实施方式中,每个播放配置选项都有一个预设的默认值,当所述播放配置选项未被配置时,使用所述预设的默认值来设置所述轮播器的所述播放配置选项。
S12、电子设备获取当前用户的人脸图像。
本申请实施例中,可以通过调用摄影设备获取当前用户的人脸图像。
S13、电子设备识别所述人脸图像,以确定所述当前用户的年龄。
具体的,所述识别所述人脸图像,以确定所述当前用户的年龄包括:
将所述人脸图像输入至训练好的嵌入式隐马尔科夫模型中,获得所述人脸图像对应的年龄。
在该可选的实施方式中,可以使用基于EHMM的年龄识别算法来识别所述人脸图像,确定所述当前用户的年龄。
其中,基于EHMM(嵌入式隐马尔科夫模型)的年龄识别算法的原理主要为:首先,通过对大量样本的分析,确定年龄和人脸关键特征的变化间的非线性关系,并基于这种关系建立非线性模型;然后利用PARI(partial ageing ratio image,局部老化比率图像)来估计老化人脸的纹理;最后,利用从重建的图像中提取的特征来训练EHMM用于年龄识别。
S14、电子设备采用图像识别技术对预设的轮播页面进行内容识别,从所述预设的 轮播页面中确定符合所述年龄的观看要求的目标页面。
本申请实施例中,可以通过现有的图像识别技术(比如:调用图片审核API)对预设的轮播页面进行内容识别,其中,所述内容识别的内容包括但不限于涉黄、暴力、涉政、涉恐,根据预设的规则,从所述预设的轮播页面中确定符合所述年龄的观看要求的目标页面。比如,设置年龄达到18岁的用户才可以观看涉政的页面。
通过筛选出符合当前用户的年龄要求的目标页面,可以让目标页面的内容更加容易被当前用户接受,同时,也避免不良内容对当前用户的侵害,保护当前用户的心里健康。
S15、电子设备根据预设的时间间隔和播放顺序,使用所述轮播器对所述目标页面进行轮播。
其中,所述预设的时间间隔是预先在定时器中设置好的时间,比如预设的时间间隔为300毫秒,那么每个页面都会播放300毫秒,300毫秒后开始自动翻页,切换下一个页面进行播放,页面的播放顺序是预先设置好的。
本申请中,根据预设的时间间隔和播放顺序,使用所述轮播器对所述目标页面进行轮播,即每隔预设的时间间隔,按照预设的播放顺序,选择下一个所述目标页面进行播放。
S16、当接收到针对当前页面的切换指令时,电子设备判断所述轮播器当前的运行状态是否为轮播展示中状态,若是,执行步骤S17,若否,结束本流程。
其中,所述轮播器的运行状态包括:轮播展示中状态、翻页过程中状态以及拖曳状态。其中,所述轮播展示中状态表示所述轮播器正在播放页面,所述翻页过程中状态表示所述轮播器正在切换页面,所述拖曳状态表示所述轮播器正在响应鼠标拖曳事件。这3个状态之间可以无缝衔接,当所述轮播器处于轮播展示中状态时,经过预设的时间间隔,例如3秒,进入到翻页过程中状态,整个翻页过程状态可能持续300毫秒(用来实现左右翻页或淡入淡出等翻页效果),后又进入轮播展示中状态,当用户使用鼠标拖拽轮播页面时,所述轮播器停止展示中状态,进入拖拽状态,当用户松手后,所述轮播器立马处于翻页过程中状态。
本申请实施例中,当接收到针对当前页面的切换指令时,判断所述轮播器当前的运行状态是否为轮播展示中状态,因为所述轮播器在轮播状态时可以响应切换指令。
作为一种可选的实施方式,所述方法还包括:
若所述轮播器当前的运行状态为翻页过程中状态或拖曳状态,禁止对所述当前页面进行切换。
在该可选的实施方式中,若所述轮播器当前的运行状态为翻页过程中状态或拖曳状态时,不响应用户输入的切换指令,即禁止对所述当前页面进行切换。
S17、电子设备根据所述多个播放配置选项中的翻页效果选项,对所述当前页面进行切换。
本申请实施例中,若所述轮播器当前的运行状态为轮播展示中状态,表明所述轮播器可以响应所述针对当前页面的切换指令,对所述当前页面进行切换,当所述轮播器进入翻页过程中状态时,使用所述翻页效果选项的翻页效果对所述当前页面进行切换。所述轮播器在轮播展示中状态时才响应切换指令,可以避免在翻页过程中因为接收多个切换指令,并同时执行多个切换操作而导致页面快速切换引起的页面切换卡顿甚至卡死的情况。提高了页面切换的流畅性。
作为一种可选的实施方式,所述方法还包括:
若所述轮播器当前的运行状态为轮播展示中状态,根据所述切换指令的类型,从所述目标页面中确定翻页页面;
所述根据所述多个播放配置选项中的翻页效果选项,对所述当前页面进行切换包括:
根据所述多个播放配置选项中的翻页效果选项,将所述当前页面切换为所述翻页页面。
其中,所述切换指令的类型包括:拖曳切换指令、页码切换指令以及左/右翻页切换指令。其中,所述拖曳切换指令是由鼠标拖曳产生的切换指令,所述页面切换指令是由点击页码按钮产生的切换指令,所述左/右翻页切换指令是由点击左/右翻页按钮产生的切换指令。
在该可选的实施方式中,若所述轮播器当前的状态为轮播展示中状态,根据切换指令的类型,从所述目标页面中确定翻页页面,然后根据所述多个播放配置选项中的翻页效果选项,将所述当前页面切换为所述翻页页面。
具体的,所述根据所述切换指令的类型,从所述目标页面中确定翻页页面包括:
若拖曳翻页功能已开启,且所述切换指令的类型为拖曳切换指令,判断所述切换指令是否有效;
若所述切换指令有效,将鼠标拖曳的方向确定为所述切换指令的切换方向;
根据所述切换方向,从所述目标页面中确定翻页页面。
在该可选的实施方式中,若拖曳翻页功能已开启,且所述切换指令的类型为拖曳切 换指令,判断所述切换指令是否有效,若所述拖曳指令有效,将鼠标拖曳的方向确定为所述切换指令的切换方向,根据所述切换方向,从所述目标页面中确定翻页页面。例如,若鼠标拖曳的方向为从左向右拖曳,将排在所述当前页面左边的所述目标页面确定为翻页页面;若鼠标拖曳的方向为从右向左拖曳,将排在所述当前页面右边的所述目标页面确定为翻页页面。
可选的,若所述切换指令的类型为页码切换指令,将被点击的页码按钮对应的所述目标页面确定为翻页页面;
若所述切换指令的类型为左翻页切换指令,将排在所述当前页面左边的第一个所述目标页面确定为翻页页面;
若所述切换指令的类型为右翻页切换指令,将排在所述当前页面右边的第一个所述目标页面确定为翻页页面。
具体的,所述判断所述切换指令是否有效包括:
确定鼠标拖曳的水平拖曳长度;
判断所述水平拖曳长度是否大于预设的长度阈值,以及判断在整个拖曳过程中,鼠标拖曳的速度是否保持均衡速度状态;
若所述水平拖曳长度大于预设的长度阈值且在整个拖曳过程中,所述鼠标拖曳的速度保持均衡速度状态,确定所述切换指令有效。
其中,所述鼠标拖曳由鼠标点击、鼠标移动以及鼠标松开3个事件组成。
在该可选的实施方式中,当鼠标点击时获取鼠标的第一水平坐标,当鼠标松开时获取鼠标的第二水平坐标,通过所述第一水平坐标以及所述第二水平坐标,确定鼠标拖曳的水平拖曳长度。在鼠标点击后、以及鼠标松开前,可以通过短时间间隔监控鼠标的位移来判断所述鼠标拖曳的速度是否保持均衡速度状态。比如:在鼠标拖曳过程中,每隔100毫秒获取一次鼠标的坐标,确定每个100毫秒的时间间隔的鼠标位移的大小,判断每个鼠标位移的大小在允许的误差内是否一致,若一致,则确定所述鼠标拖曳保持均衡速度状态。若所述水平拖曳长度大于预设的长度阈值,以及在整个拖曳过程中,所述鼠标拖曳的速度保持均衡速度状态,确定所述切换指令有效。通常,人为的拖曳操作基本是均衡速度的,通过水平拖曳长度以及速度状态进行判断所述切换指令是否有效,可以避免因为误操作导致的对页面的切换,比如不小心碰到鼠标导致鼠标拖曳了一小段距离或者在拖曳的过程中因为其它原因导致鼠标拖曳突然速度过快等操作输入的切换指令都会被判断为无效。
可选的,所述水平拖曳长度是有限制的,鼠标拖曳时,只获取在所述轮播器内的水平坐标,当鼠标移动到所述轮播器外面并松开时,记录鼠标最后在所述轮播器内的水平坐标。
在图1所描述的方法流程中,可以根据多个播放配置选项实现多种轮播的播放功能,还可以对预设的轮播页面进行筛选,只播放符合当前用户年龄的页面,这可以避免不良内容对当前用户的侵害,保护当前用户的心里健康,同时,在接收到切换指令时,不是全部响应切换,而是只有在轮播展示中状态时才可以响应切换指令,避免在翻页过程中响应切换指令而导致翻页卡顿,从而能够确保轮播页面播放的流畅性。
以上所述,仅是本申请的具体实施方式,但本申请的保护范围并不局限于此,对于本领域的普通技术人员来说,在不脱离本申请创造构思的前提下,还可以做出改进,但这些均属于本申请的保护范围。
图2是本申请公开的一种页面播放装置的较佳实施例的功能模块图。
在一些实施例中,所述页面播放装置运行于电子设备中。所述页面播放装置可以包括多个由程序代码段所组成的功能模块。所述页面播放装置中的各个程序段的程序代码可以存储于存储器中,并由至少一个处理器所执行,以执行图1所描述的页面播放方法中的部分或全部步骤。
本实施例中,所述页面播放装置根据其所执行的功能,可以被划分为多个功能模块。所述功能模块可以包括:启动模块201、获取模块202、识别模块203、轮播模块204、判断模块205及切换模块206。本申请所称的模块是指一种能够被至少一个处理器所执行并且能够完成固定功能的一系列计算机可读指令段,其存储在存储器中。
启动模块201,用于当接收到页面播放指令时,启动轮播器,其中,所述轮播器设置有多个播放配置选项,每个所述播放配置选项用于实现不同的播放功能。
本申请实施例中,当接收到页面播放指令时,可以加载预设的轮播页面以及开启计时器以启动轮播器,其中,所述轮播器设置有多个播放配置选项,每个所述播放配置选项用于实现不同的播放功能。所述轮播器在播放页面时,根据不同的播放配置选项来执行不同的代码块以实现不同的播放功能,丰富了轮播组件的功能,可以满足各种轮播需求。
获取模块202,用于获取当前用户的人脸图像。
本申请实施例中,可以通过调用摄影设备获取当前用户的人脸图像。
识别模块203,用于识别所述人脸图像,以确定所述当前用户的年龄。
所述识别模块203,还用于采用图像识别技术对预设的轮播页面进行内容识别,从所述预设的轮播页面中确定符合所述年龄的观看要求的目标页面。
本申请实施例中,可以通过现有的图像识别技术(比如:调用图片审核API)对预设的轮播页面进行内容识别,其中,所述内容识别的内容包括但不限于涉黄、暴力、涉政、涉恐,根据预设的规则,从所述预设的轮播页面中确定符合所述年龄的观看要求的目标页面。比如,设置年龄达到18岁的用户才可以观看涉政的页面。
通过筛选出符合当前用户的年龄要求的目标页面,可以让目标页面的内容更加容易被当前用户接受,同时,也避免不良内容对当前用户的侵害,保护当前用户的心里健康。
轮播模块204,用于根据预设的时间间隔和播放顺序,使用所述轮播器对所述目标页面进行轮播。
其中,所述预设的时间间隔是预先在定时器中设置好的时间,比如预设的时间间隔为300毫秒,那么每个页面都会播放300毫秒,300毫秒后开始自动翻页,切换下一个页面进行播放,页面的播放顺序是预先设置好的。
本申请中,根据预设的时间间隔和播放顺序,使用所述轮播器对所述目标页面进行轮播,即每隔预设的时间间隔,按照预设的播放顺序,选择下一个所述目标页面进行播放。
判断模块205,用于当接收到针对当前页面的切换指令时,判断所述轮播器当前的运行状态是否为轮播展示中状态。
其中,所述轮播器的运行状态包括:轮播展示中状态、翻页过程中状态以及拖曳状态。其中,所述轮播展示中状态表示所述轮播器正在播放页面,所述翻页过程中状态表示所述轮播器正在切换页面,所述拖曳状态表示所述轮播器正在响应鼠标拖曳事件。这3个状态之间可以无缝衔接,当所述轮播器处于轮播展示中状态时,经过预设的时间间隔,例如3秒,进入到翻页过程中状态,整个翻页过程状态可能持续300毫秒(用来实现左右翻页或淡入淡出等翻页效果),后又进入轮播展示中状态,当用户使用鼠标拖拽轮播页面时,所述轮播器停止展示中状态,进入拖拽状态,当用户松手后,所述轮播器立马处于翻页过程中状态。
本申请实施例中,当接收到针对当前页面的切换指令时,判断所述轮播器当前的运行状态是否为轮播展示中状态,因为所述轮播器在轮播状态时可以响应切换指令。
切换模块206,用于若所述轮播器当前的运行状态为轮播展示中状态,根据所述多 个播放配置选项中的翻页效果选项,对所述当前页面进行切换。
本申请实施例中,若所述轮播器当前的运行状态为轮播展示中状态,表明所述轮播器可以响应所述针对当前页面的切换指令,对所述当前页面进行切换,当所述轮播器进入翻页过程中状态时,使用所述翻页效果选项的翻页效果对所述当前页面进行切换。所述轮播器在轮播展示中状态时才响应切换指令,可以避免在翻页过程中因为接收多个切换指令,并同时执行多个切换操作而导致页面快速切换引起的页面切换卡顿甚至卡死的情况。提高了页面切换的流畅性。
作为一种可选的实施方式,所述页面播放装置还可以包括:
禁止模块,用于若所述轮播器当前的运行状态为翻页过程中状态或拖曳状态,禁止对所述当前页面进行切换。
在该可选的实施方式中,若所述轮播器当前的运行状态为翻页过程中状态或拖曳状态时,不响应用户输入的切换指令,即禁止对所述当前页面进行切换。
作为一种可选的实施方式,所述页面播放装置还可以包括:
确定模块,用于若所述轮播器当前的运行状态为轮播展示中状态,根据所述切换指令的类型,从所述目标页面中确定翻页页面;
所述切换模块206根据所述多个播放配置选项中的翻页效果选项,对所述当前页面进行切换的方式具体为:
根据所述多个播放配置选项中的翻页效果选项,将所述当前页面切换为所述翻页页面。
其中,所述切换指令的类型包括:拖曳切换指令、页码切换指令以及左/右翻页切换指令。其中,所述拖曳切换指令是由鼠标拖曳产生的切换指令,所述页面切换指令是由点击页码按钮产生的切换指令,所述左/右翻页切换指令是由点击左/右翻页按钮产生的切换指令。
在该可选的实施方式中,若所述轮播器当前的状态为轮播展示中状态,根据切换指令的类型,从所述目标页面中确定翻页页面,然后根据所述多个播放配置选项中的翻页效果选项,将所述当前页面切换为所述翻页页面。
作为一种可选的实施方式,所述确定模块包括:
判断子模块,用于若拖曳翻页功能已开启,且所述切换指令的类型为拖曳切换指令,判断所述切换指令是否有效;
确定子模块,用于若所述切换指令有效,将鼠标拖曳的方向确定为所述切换指令的 切换方向;
所述确定子模块,还用于根据所述切换方向,从所述目标页面中确定翻页页面。
在该可选的实施方式中,若拖曳翻页功能已开启,且所述切换指令的类型为拖曳切换指令,判断所述切换指令是否有效,若所述拖曳指令有效,将鼠标拖曳的方向确定为所述切换指令的切换方向,根据所述切换方向,从所述目标页面中确定翻页页面。例如,若鼠标拖曳的方向为从左向右拖曳,将排在所述当前页面左边的所述目标页面确定为翻页页面;若鼠标拖曳的方向为从右向左拖曳,将排在所述当前页面右边的所述目标页面确定为翻页页面。
可选的,若所述切换指令的类型为页码切换指令,将被点击的页码按钮对应的所述目标页面确定为翻页页面;
若所述切换指令的类型为左翻页切换指令,将排在所述当前页面左边的第一个所述目标页面确定为翻页页面;
若所述切换指令的类型为右翻页切换指令,将排在所述当前页面右边的第一个所述目标页面确定为翻页页面。
作为一种可选的实施方式,所述判断子模块判断所述切换指令是否有效的方式具体为:
确定鼠标拖曳的水平拖曳长度;
判断所述水平拖曳长度是否大于预设的长度阈值,以及判断在整个拖曳过程中,鼠标拖曳的速度是否保持均衡速度状态;
若所述水平拖曳长度大于预设的长度阈值且在整个拖曳过程中,所述鼠标拖曳的速度保持均衡速度状态,确定所述切换指令有效。
其中,所述鼠标拖曳由鼠标点击、鼠标移动以及鼠标松开3个事件组成。
在该可选的实施方式中,当鼠标点击时获取鼠标的第一水平坐标,当鼠标松开时获取鼠标的第二水平坐标,通过所述第一水平坐标以及所述第二水平坐标,确定鼠标拖曳的水平拖曳长度。在鼠标点击后、以及鼠标松开前,可以通过短时间间隔监控鼠标的位移来判断所述鼠标拖曳的速度是否保持均衡速度状态。比如:在鼠标拖曳过程中,每隔100毫秒获取一次鼠标的坐标,确定每个100毫秒的时间间隔的鼠标位移的大小,判断每个鼠标位移的大小在允许的误差内是否一致,若一致,则确定所述鼠标拖曳保持均衡速度状态。若所述水平拖曳长度大于预设的长度阈值,以及在整个拖曳过程中,所述鼠标拖曳的速度保持均衡速度状态,确定所述切换指令有效。通常,人为的拖曳操作基本 是均衡速度的,通过水平拖曳长度以及速度状态进行判断所述切换指令是否有效,可以避免因为误操作导致的对页面的切换,比如不小心碰到鼠标导致鼠标拖曳了一小段距离或者在拖曳的过程中因为其它原因导致鼠标拖曳突然速度过快等操作输入的切换指令都会被判断为无效。
可选的,所述水平拖曳长度是有限制的,鼠标拖曳时,只获取在所述轮播器内的水平坐标,当鼠标移动到所述轮播器外面并松开时,记录鼠标最后在所述轮播器内的水平坐标。
作为一种可选的实施方式,所述判断模块205,还用于所述轮播模块204根据预设的时间间隔和播放顺序,使用所述轮播器对所述目标页面进行轮播之后,当接收到针对当前页面的点击指令时,根据所述多个播放配置选项中的弹窗选项,判断所述当前页面的弹窗功能是否已开启。
所述页面播放装置还可以包括:
弹出模块,用于若所述当前页面的弹窗功能已开启,弹出所述当前页面对应的窗口;或
访问模块,用于若所述当前页面的弹窗功能未开启,访问与所述当前页面绑定的网页链接。
在该可选的实施方式中,可以在轮播容器(页面播放展示的区域)内捕获鼠标点击事件,当捕获到鼠标点击事件时,认为接收到针对当前页面的点击指令,根据所述多个播放配置选项中的弹窗选项,判断所述当前页面的弹窗功能是否开启,若所述当前页面的弹窗功能已开启,弹出所述当前页面对应的窗口;若所述当前页面的弹窗功能未开启,则访问与当前页面绑定的网页链接,实现点击页面的跳转功能。
可选的,所述当前页面对应的窗口为自定义窗口,可以根据业务需求插入一段窗口内容脚本即可,窗口的代码并不依赖所述轮播器的代码,可以解除窗口与轮播器之间的耦合性。
作为一种可选的实施方式,所述识别模块203识别所述人脸图像,以确定所述当前用户的年龄的方式具体为:
将所述人脸图像输入至训练好的嵌入式隐马尔科夫模型中,获得所述人脸图像对应的年龄。
在该可选的实施方式中,可以使用基于EHMM的年龄识别算法来识别所述人脸图像,确定所述当前用户的年龄。
其中,基于EHMM(嵌入式隐马尔科夫模型)的年龄识别算法的原理主要为:首先,通过对大量样本的分析,确定年龄和人脸关键特征的变化间的非线性关系,并基于这种关系建立非线性模型;然后利用PARI(partial ageing ratio image,局部老化比率图像)来估计老化人脸的纹理;最后,利用从重建的图像中提取的特征来训练EHMM用于年龄识别。
作为一种可选的实施方式,所述多个播放配置选项包括翻页效果选项、按钮皮肤选项、弹窗选项以及拖曳翻页选项。
其中,所述翻页效果选项用于指定两个页面之间切换的翻页效果,其中,所述翻页效果包括但不限于动画效果(淡入淡出、旋转、翻转等)、动画播放时间以及动画播放速度的变化。
其中,所述按钮皮肤选项包括左/右翻页按钮皮肤选项以及页码按钮皮肤选项,所述左/右翻页按钮选项用于指定左/右翻页按钮的CSS(Cascading Style Sheets,层叠样式表)样式,所述页码按钮皮肤选项用于指定页码按钮的CSS样式,其中,CSS是是一种计算机语言,可以用来控制网页的样式和布局。
其中,所述弹窗选项用来开启或关闭指定页面的弹窗功能,可选的,所述弹窗选项包括定义弹窗内容的参数,若所述参数的个数为一个时,根据所述参数,指定弹窗的标题;若所述参数的个数为两个时,根据所述参数,指定弹窗的标题以及描述;若所述参数的个数为三个时,根据所述参数,指定弹窗的全部内容(网页代码)。
其中,所述拖曳翻页选项用于开启或关闭轮播器的拖曳翻页功能,当所述拖曳翻页功能开启时,可以响应鼠标拖曳事件,切换当前播放的页面。
在该可选的实施方式中,每个播放配置选项都有一个预设的默认值,当所述播放配置选项未被配置时,使用所述预设的默认值来设置所述轮播器的所述播放配置选项。
在图2所描述的页面播放装置中,可以根据多个播放配置选项实现多种轮播的播放功能,还可以对预设的轮播页面进行筛选,只播放符合当前用户年龄的页面,这可以避免不良内容对当前用户的侵害,保护当前用户的心里健康,同时,在接收到切换指令时,不是全部响应切换,而是只有在轮播展示中状态时才可以响应切换指令,避免在翻页过程中响应切换指令而导致翻页卡顿,从而能够确保轮播页面播放的流畅性。
图3是本申请实现页面播放方法的较佳实施例的电子设备的结构示意图。所述电子设备3包括存储器31、至少一个处理器32、存储在所述存储器31中并可在所述至少一个 处理器32上运行的计算机可读指令33及至少一条通讯总线34。
本领域技术人员可以理解,图3所示的示意图仅仅是所述电子设备3的示例,并不构成对所述电子设备3的限定,可以包括比图示更多或更少的部件,或者组合某些部件,或者不同的部件,例如所述电子设备3还可以包括输入输出设备、网络接入设备等。
所述至少一个处理器32可以是中央处理单元(Central Processing Unit,CPU),还可以是其他通用处理器、数字信号处理器(Digital Signal Processor,DSP)、专用集成电路(Application Specific Integrated Circuit,ASIC)、现场可编程门阵列(Field-Programmable Gate Array,FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件等。该处理器32可以是微处理器或者该处理器32也可以是任何常规的处理器等,所述处理器32是所述电子设备3的控制中心,利用各种接口和线路连接整个电子设备3的各个部分。
所述存储器31可用于存储所述计算机可读指令33和/或模块/单元,所述处理器32通过运行或执行存储在所述存储器31内的计算机可读指令和/或模块/单元,以及调用存储在存储器31内的数据,实现所述电子设备3的各种功能。所述存储器31可主要包括存储程序区和存储数据区,其中,存储程序区可存储操作系统、至少一个功能所需的应用程序(比如声音播放功能、图像播放功能等)等;存储数据区可存储根据电子设备3的使用所创建的数据(比如音频数据)等。此外,存储器31可以包括非易失性存储器,例如硬盘、内存、插接式硬盘,智能存储卡(Smart Media Card,SMC),安全数字(Secure Digital,SD)卡,闪存卡(Flash Card)、至少一个磁盘存储器件、闪存器件、或其他非易失性固态存储器件。
结合图1,所述电子设备3中的所述存储器31存储多个指令以实现一种页面播放方法,所述处理器32可执行所述多个指令从而实现:
当接收到页面播放指令时,启动轮播器,其中,所述轮播器设置有多个播放配置选项,每个所述播放配置选项用于实现不同的播放功能;
获取当前用户的人脸图像;
识别所述人脸图像,以确定所述当前用户的年龄;
采用图像识别技术对预设的轮播页面进行内容识别,从所述预设的轮播页面中确定符合所述年龄的观看要求的目标页面;
根据预设的时间间隔和播放顺序,使用所述轮播器对所述目标页面进行轮播;
当接收到针对当前页面的切换指令时,判断所述轮播器当前的运行状态是否为轮播展示中状态;
若所述轮播器当前的运行状态为轮播展示中状态,根据所述多个播放配置选项中的 翻页效果选项,对所述当前页面进行切换。
具体地,所述处理器32对上述指令的具体实现方法可参考图1对应实施例中相关步骤的描述,在此不赘述。
在图3所描述的电子设备3中,可以根据多个播放配置选项实现多种轮播的播放功能,还可以对预设的轮播页面进行筛选,只播放符合当前用户年龄的页面,这可以避免不良内容对当前用户的侵害,保护当前用户的心里健康,同时,在接收到切换指令时,不是全部响应切换,而是只有在轮播展示中状态时才可以响应切换指令,避免在翻页过程中响应切换指令而导致翻页卡顿,从而能够确保轮播页面播放的流畅性。
所述电子设备3集成的模块/单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时,可以存储在一个非易失性可读取存储介质中。基于这样的理解,本申请实现上述实施例方法中的全部或部分流程,也可以通过计算机可读指令来指令相关的硬件来完成,所述的计算机可读指令可存储于一非易失性可读存储介质中,该计算机可读指令在被处理器执行时,可实现上述各个方法实施例的步骤。其中,计算机可读指令代码可以为源代码形式、对象代码形式、可执行文件或某些中间形式等。所述非易失性可读介质可以包括:能够携带所述计算机可读指令代码的任何实体或装置、记录介质、U盘、移动硬盘、磁碟、光盘、计算机存储器、只读存储器(ROM,Read-Only Memory)。
在本申请所提供的几个实施例中,应该理解到,所揭露的系统,装置和方法,可以通过其它的方式实现。例如,以上所描述的装置实施例仅仅是示意性的,例如,所述模块的划分,仅仅为一种逻辑功能划分,实际实现时可以有另外的划分方式。
最后应说明的是,以上实施例仅用以说明本申请的技术方案而非限制,尽管参照较佳实施例对本申请进行了详细说明,本领域的普通技术人员应当理解,可以对本申请的技术方案进行修改或等同替换,而不脱离本申请技术方案的精神和范围。
Claims (20)
- 一种页面播放方法,其特征在于,所述方法包括:当接收到页面播放指令时,启动轮播器,其中,所述轮播器设置有多个播放配置选项,每个所述播放配置选项用于实现不同的播放功能;获取当前用户的人脸图像;识别所述人脸图像,以确定所述当前用户的年龄;采用图像识别技术对预设的轮播页面进行内容识别,从所述预设的轮播页面中确定符合所述年龄的观看要求的目标页面;根据预设的时间间隔和播放顺序,使用所述轮播器对所述目标页面进行轮播;当接收到针对当前页面的切换指令时,判断所述轮播器当前的运行状态是否为轮播展示中状态;若所述轮播器当前的运行状态为轮播展示中状态,根据所述多个播放配置选项中的翻页效果选项,对所述当前页面进行切换。
- 根据权利要求1所述的方法,其特征在于,所述方法还包括:若所述轮播器当前的运行状态为翻页过程中状态或拖曳状态,禁止对所述当前页面进行切换。
- 根据权利要求1所述的方法,其特征在于,所述方法还包括:若所述轮播器当前的运行状态为轮播展示中状态,根据所述切换指令的类型,从所述目标页面中确定翻页页面;所述根据所述多个播放配置选项中的翻页效果选项,对所述当前页面进行切换包括:根据所述多个播放配置选项中的翻页效果选项,将所述当前页面切换为所述翻页页面。
- 根据权利要求3所述的方法,其特征在于,所述根据所述切换指令的类型,从所述目标页面中确定翻页页面包括:若拖曳翻页功能已开启,且所述切换指令的类型为拖曳切换指令,判断所述切换指令是否有效;若所述切换指令有效,将鼠标拖曳的方向确定为所述切换指令的切换方向;根据所述切换方向,从所述目标页面中确定翻页页面。
- 根据权利要求4所述的方法,其特征在于,所述判断所述切换指令是否有效包括:确定鼠标拖曳的水平拖曳长度;判断所述水平拖曳长度是否大于预设的长度阈值,以及判断在整个拖曳过程中,鼠标拖曳的速度是否保持均衡速度状态;若所述水平拖曳长度大于预设的长度阈值且在整个拖曳过程中,所述鼠标拖曳的速度保持均衡速度状态,确定所述切换指令有效。
- 根据权利要求1至5中任一项所述的方法,其特征在于,所述根据预设的时间间隔和播放顺序,使用所述轮播器对所述目标页面进行轮播之后,所述方法还包括:当接收到针对当前页面的点击指令时,根据所述多个播放配置选项中的弹窗选项,判断所述当前页面的弹窗功能是否已开启;若所述当前页面的弹窗功能已开启,弹出所述当前页面对应的窗口;或若所述当前页面的弹窗功能未开启,访问与所述当前页面绑定的网页链接。
- 根据权利要求1所述的方法,其特征在于,所述识别所述人脸图像,以确定所述当前用户的年龄包括:将所述人脸图像输入至训练好的嵌入式隐马尔科夫模型中,获得所述人脸图像对应的年龄。
- 一种页面播放装置,其特征在于,所述页面播放装置包括:启动模块,用于当接收到页面播放指令时,启动轮播器,其中,所述轮播器设置有多个播放配置选项,每个所述播放配置选项用于实现不同的播放功能;获取模块,用于获取当前用户的人脸图像;识别模块,用于识别所述人脸图像,以确定所述当前用户的年龄;所述识别模块,还用于采用图像识别技术对预设的轮播页面进行内容识别,从所述预设的轮播页面中确定符合所述年龄的观看要求的目标页面;轮播模块,用于根据预设的时间间隔和播放顺序,使用所述轮播器对所述目标页面进行轮播;判断模块,用于当接收到针对当前页面的切换指令时,判断所述轮播器当前的运行状态是否为轮播展示中状态;切换模块,用于若所述轮播器当前的运行状态为轮播展示中状态,根据所述多个播放配置选项中的翻页效果选项,对所述当前页面进行切换。
- 一种电子设备,其特征在于,所述电子设备包括处理器和存储器,所述处理器用于执行存储器中存储的至少一个计算机可读指令以实现以下步骤:当接收到页面播放指令时,启动轮播器,其中,所述轮播器设置有多个播放配置选项,每个所述播放配置选项用于实现不同的播放功能;获取当前用户的人脸图像;识别所述人脸图像,以确定所述当前用户的年龄;采用图像识别技术对预设的轮播页面进行内容识别,从所述预设的轮播页面中确定符合所述年龄的观看要求的目标页面;根据预设的时间间隔和播放顺序,使用所述轮播器对所述目标页面进行轮播;当接收到针对当前页面的切换指令时,判断所述轮播器当前的运行状态是否为轮播展示中状态;若所述轮播器当前的运行状态为轮播展示中状态,根据所述多个播放配置选项中的翻页效果选项,对所述当前页面进行切换。
- 根据权利要求9所述的电子设备,其特征在于,所述处理器执行至少一个计算机可读指令还用以实现以下步骤:若所述轮播器当前的运行状态为翻页过程中状态或拖曳状态,禁止对所述当前页面进行切换。
- 根据权利要求9所述的电子设备,其特征在于,所述处理器执行至少一个计算机可读指令还用以实现以下步骤:若所述轮播器当前的运行状态为轮播展示中状态,根据所述切换指令的类型,从所述目标页面中确定翻页页面;所述根据所述多个播放配置选项中的翻页效果选项,对所述当前页面进行切换包括:根据所述多个播放配置选项中的翻页效果选项,将所述当前页面切换为所述翻页页面。
- 根据权利要求11所述的电子设备,其特征在于,所述处理器执行至少一个计算机可读指令以实现所述根据所述切换指令的类型,从所述目标页面中确定翻页页面时,具体包括:若拖曳翻页功能已开启,且所述切换指令的类型为拖曳切换指令,判断所述切换指令是否有效;若所述切换指令有效,将鼠标拖曳的方向确定为所述切换指令的切换方向;根据所述切换方向,从所述目标页面中确定翻页页面。
- 根据权利要求12所述的电子设备,其特征在于,所述处理器执行至少一个计算机可读指令以实现所述判断所述切换指令是否有效时,具体包括:确定鼠标拖曳的水平拖曳长度;判断所述水平拖曳长度是否大于预设的长度阈值,以及判断在整个拖曳过程中,鼠标拖曳的速度是否保持均衡速度状态;若所述水平拖曳长度大于预设的长度阈值且在整个拖曳过程中,所述鼠标拖曳的速度保持均衡速度状态,确定所述切换指令有效。
- 根据权利要求9至13中任一项所述的电子设备,其特征在于,所述根据预设的时间间隔和播放顺序,使用所述轮播器对所述目标页面进行轮播之后,所述处理器执行至少一个计算机可读指令还用以实现以下步骤:当接收到针对当前页面的点击指令时,根据所述多个播放配置选项中的弹窗选项,判断所述当前页面的弹窗功能是否已开启;若所述当前页面的弹窗功能已开启,弹出所述当前页面对应的窗口;或若所述当前页面的弹窗功能未开启,访问与所述当前页面绑定的网页链接。
- 一种非易失性可读存储介质,其特征在于,所述非易失性可读存储介质存储有至少一个计算机可读指令,所述至少一个计算机可读指令被处理器执行时实现以下步骤:当接收到页面播放指令时,启动轮播器,其中,所述轮播器设置有多个播放配置选项,每个所述播放配置选项用于实现不同的播放功能;获取当前用户的人脸图像;识别所述人脸图像,以确定所述当前用户的年龄;采用图像识别技术对预设的轮播页面进行内容识别,从所述预设的轮播页面中确定符合所述年龄的观看要求的目标页面;根据预设的时间间隔和播放顺序,使用所述轮播器对所述目标页面进行轮播;当接收到针对当前页面的切换指令时,判断所述轮播器当前的运行状态是否为轮播展示中状态;若所述轮播器当前的运行状态为轮播展示中状态,根据所述多个播放配置选项中的翻页效果选项,对所述当前页面进行切换。
- 根据权利要求15所述的存储介质,其特征在于,所述至少一个计算机可读指令被处理器执行还用以实现以下步骤:若所述轮播器当前的运行状态为翻页过程中状态或拖曳状态,禁止对所述当前页面进行切换。
- 根据权利要求15所述的存储介质,其特征在于,所述至少一个计算机可读指令被处理器执行还用以实现以下步骤:若所述轮播器当前的运行状态为轮播展示中状态,根据所述切换指令的类型,从所述目标页面中确定翻页页面;所述根据所述多个播放配置选项中的翻页效果选项,对所述当前页面进行切换包括:根据所述多个播放配置选项中的翻页效果选项,将所述当前页面切换为所述翻页页面。
- 根据权利要求17所述的存储介质,其特征在于,所述至少一个计算机可读指令被处理器执行以实现所述根据所述切换指令的类型,从所述目标页面中确定翻页页面时,具体包括:若拖曳翻页功能已开启,且所述切换指令的类型为拖曳切换指令,判断所述切换指令是否有效;若所述切换指令有效,将鼠标拖曳的方向确定为所述切换指令的切换方向;根据所述切换方向,从所述目标页面中确定翻页页面。
- 根据权利要求18所述的存储介质,其特征在于,所述至少一个计算机可读指令被处理器执行以实现所述判断所述切换指令是否有效时,具体包括:确定鼠标拖曳的水平拖曳长度;判断所述水平拖曳长度是否大于预设的长度阈值,以及判断在整个拖曳过程中,鼠标拖曳的速度是否保持均衡速度状态;若所述水平拖曳长度大于预设的长度阈值且在整个拖曳过程中,所述鼠标拖曳的速度保持均衡速度状态,确定所述切换指令有效。
- 根据权利要求15至19中任一项所述的存储介质,其特征在于,所述至少一个计算机可读指令被处理器执行还用以实现以下步骤:当接收到针对当前页面的点击指令时,根据所述多个播放配置选项中的弹窗选项,判断所述当前页面的弹窗功能是否已开启;若所述当前页面的弹窗功能已开启,弹出所述当前页面对应的窗口;或若所述当前页面的弹窗功能未开启,访问与所述当前页面绑定的网页链接。
Applications Claiming Priority (2)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910900811.XA CN110929190A (zh) | 2019-09-23 | 2019-09-23 | 页面播放方法、装置、电子设备及存储介质 |
| CN201910900811.X | 2019-09-23 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| WO2021056735A1 true WO2021056735A1 (zh) | 2021-04-01 |
Family
ID=69848896
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| PCT/CN2019/117619 Ceased WO2021056735A1 (zh) | 2019-09-23 | 2019-11-12 | 页面播放方法、装置、电子设备及存储介质 |
Country Status (2)
| Country | Link |
|---|---|
| CN (1) | CN110929190A (zh) |
| WO (1) | WO2021056735A1 (zh) |
Families Citing this family (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113688334B (zh) * | 2020-05-18 | 2025-03-07 | 腾讯科技(深圳)有限公司 | 一种内容展示方法、装置和计算机可读存储介质 |
| CN112835499B (zh) * | 2021-01-27 | 2022-12-09 | 小马国炬(玉溪)科技有限公司 | 一种轮播图展示方法、装置、设备及介质 |
| CN114139080A (zh) * | 2021-12-03 | 2022-03-04 | 北京数码大方科技股份有限公司 | 基于单页面的多看板展示方法、装置、存储介质及处理器 |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103324403A (zh) * | 2012-03-22 | 2013-09-25 | 腾讯科技(深圳)有限公司 | 页面切换方法、装置和移动终端 |
| US20170285924A1 (en) * | 2016-03-31 | 2017-10-05 | Le Holdings (Beijing) Co., Ltd. | Method for adjusting play progress and electronic device |
| CN109121007A (zh) * | 2018-09-18 | 2019-01-01 | 深圳市酷开网络科技有限公司 | 基于多人脸识别的影视内容推荐方法、智能电视及系统 |
| CN110134899A (zh) * | 2019-04-17 | 2019-08-16 | 平安科技(深圳)有限公司 | 页面数据轮播方法、装置、计算机设备和存储介质 |
Family Cites Families (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101739198A (zh) * | 2008-11-06 | 2010-06-16 | 环达电脑(上海)有限公司 | 触控操作方法及其装置 |
| CN102736770B (zh) * | 2011-03-31 | 2016-03-09 | 比亚迪股份有限公司 | 多点手势识别方法及多点平移手势的识别装置 |
| JP5505550B1 (ja) * | 2013-08-06 | 2014-05-28 | 富士ゼロックス株式会社 | 画像表示装置及びプログラム |
| CN106033306A (zh) * | 2015-03-20 | 2016-10-19 | 阿里巴巴集团控股有限公司 | 自动播放控制方法及装置 |
| CN105094627B (zh) * | 2015-07-13 | 2018-06-29 | 北京金山安全软件有限公司 | 浏览器页面的控制方法及装置 |
| CN107797802A (zh) * | 2017-10-27 | 2018-03-13 | 福建中金在线信息科技有限公司 | 轮播图翻页效果的设置方法、装置及电子设备 |
| CN107885814B (zh) * | 2017-11-06 | 2018-12-14 | 北京金风科创风电设备有限公司 | 显示轮播图的方法和装置 |
| CN108900908A (zh) * | 2018-07-04 | 2018-11-27 | 三星电子(中国)研发中心 | 视频播放方法和装置 |
-
2019
- 2019-09-23 CN CN201910900811.XA patent/CN110929190A/zh active Pending
- 2019-11-12 WO PCT/CN2019/117619 patent/WO2021056735A1/zh not_active Ceased
Patent Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103324403A (zh) * | 2012-03-22 | 2013-09-25 | 腾讯科技(深圳)有限公司 | 页面切换方法、装置和移动终端 |
| US20170285924A1 (en) * | 2016-03-31 | 2017-10-05 | Le Holdings (Beijing) Co., Ltd. | Method for adjusting play progress and electronic device |
| CN109121007A (zh) * | 2018-09-18 | 2019-01-01 | 深圳市酷开网络科技有限公司 | 基于多人脸识别的影视内容推荐方法、智能电视及系统 |
| CN110134899A (zh) * | 2019-04-17 | 2019-08-16 | 平安科技(深圳)有限公司 | 页面数据轮播方法、装置、计算机设备和存储介质 |
Also Published As
| Publication number | Publication date |
|---|---|
| CN110929190A (zh) | 2020-03-27 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US12566872B2 (en) | Device, method, and graphical user interface for accessing an application in a locked device | |
| US10499109B2 (en) | Method and apparatus for providing combined barrage information | |
| CN110090444B (zh) | 游戏中行为记录创建方法、装置、存储介质及电子设备 | |
| US20110175826A1 (en) | Automatically Displaying and Hiding an On-screen Keyboard | |
| CN109718538B (zh) | 游戏中虚拟对象的框选方法及装置、电子设备、存储介质 | |
| US20130055127A1 (en) | Manipulating multiple objects in a graphic user interface | |
| US20110280441A1 (en) | Projector and projection control method | |
| JP6509516B2 (ja) | 電子機器、方法及びプログラム | |
| WO2018098912A1 (zh) | 屏幕录像的录制、播放方法、录屏终端及播放终端 | |
| DE112013003261T5 (de) | Biometrisch initiierte Kommunikation | |
| CN109032470A (zh) | 截图方法、装置、终端及计算机可读存储介质 | |
| CN112148163B (zh) | 屏幕录制方法、装置及电子设备 | |
| JP7596521B2 (ja) | スクリーンキャプチャ方法、装置及び電子機器 | |
| US20170168686A1 (en) | Method and electronic device for processing list item operation | |
| CN110072085A (zh) | 视频监控方法及装置 | |
| WO2021056735A1 (zh) | 页面播放方法、装置、电子设备及存储介质 | |
| CN109271223A (zh) | 窗口切换方法、装置、终端及计算机可读存储介质 | |
| CN105867720A (zh) | 一种信息提示方法及装置 | |
| CN111880879A (zh) | 一种动态壁纸的播放方法、装置、设备及存储介质 | |
| CN110210195A (zh) | 一种指纹操作控制方法、装置、存储介质及移动终端 | |
| CN111694490B (zh) | 设置方法、装置及电子设备 | |
| CN107626105A (zh) | 游戏画面显示方法及装置、存储介质、电子设备 | |
| CN104980801A (zh) | 音频数据/视频数据的处理方法及装置 | |
| CN110035171A (zh) | 电子设备及操作辅助方法 | |
| CN111782113B (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: 19946722 Country of ref document: EP Kind code of ref document: A1 |
|
| NENP | Non-entry into the national phase |
Ref country code: DE |
|
| 122 | Ep: pct application non-entry in european phase |
Ref document number: 19946722 Country of ref document: EP Kind code of ref document: A1 |