+

WO2018161811A1 - Procédé et terminal d'affichage de page à base de h5 - Google Patents

Procédé et terminal d'affichage de page à base de h5 Download PDF

Info

Publication number
WO2018161811A1
WO2018161811A1 PCT/CN2018/077183 CN2018077183W WO2018161811A1 WO 2018161811 A1 WO2018161811 A1 WO 2018161811A1 CN 2018077183 W CN2018077183 W CN 2018077183W WO 2018161811 A1 WO2018161811 A1 WO 2018161811A1
Authority
WO
WIPO (PCT)
Prior art keywords
video content
page
visible window
video
webpage
Prior art date
Application number
PCT/CN2018/077183
Other languages
English (en)
Chinese (zh)
Inventor
梁宇轩
Original Assignee
腾讯科技（深圳）有限公司
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 腾讯科技（深圳）有限公司 filed Critical 腾讯科技（深圳）有限公司
Publication of WO2018161811A1 publication Critical patent/WO2018161811A1/fr

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/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
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00—Arrangements for program control, e.g. control units
    • G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44—Arrangements for executing specific programs
    • G06F9/451—Execution arrangements for user interfaces

Definitions

  • the present invention relates to the field of computer technologies, and in particular, to a H5-based page display method and terminal.
  • the page has a large number of access users and various types of terminals operated by various users. Facing the user groups using different terminals, the current page development process is mainly based on the traditional mobile webpage to realize the user requirements of the display class, thereby realizing the information based on the mobile webpage. Show. For example, by playing a video content on a mobile webpage, the user operates the terminal to view the video content displayed by the video player installed on the terminal, and obtains information that the video producer needs to transmit.
  • animations can be created based on traditional mobile webpages to implement complex actions of interactive classes, but this requires adding a large number of elements on the page and then performing animation by partial multi-element stitching, which may result in webpage production costs. Higher, longer production time, and less smooth display.
  • the analysis shows that the discrete page element flattening will cause poor user experience. For example, local multi-element will represent multiple block elements in the webpage, and different blocks will consume memory for rendering and logic code control. Multi-element is also more complicated in development control. The debugging process after multi-element development is also very complicated. Too many elements will consume more memory, especially in the terminal's webpage, and the memory consumption is very important, which leads to animation. Play a problem that is not smooth.
  • the embodiment of the invention provides a page display method and a terminal based on H5, which are used for reducing webpage production cost, improving webpage production efficiency, and realizing smooth display of video.
  • the embodiment of the present invention provides the following technical solutions:
  • an embodiment of the present invention provides a page display method based on H5, including:
  • H5 webpage Loading a fifth generation hypertext markup language H5 webpage on a display screen of the terminal, the H5 webpage comprising: an H5 page visible window and a video player button floating on the H5 page visible window;
  • the video content When the video content is triggered to play, the video content is played on the H5 page visible window, and the video player button is hidden on the H5 page visible window.
  • the embodiment of the present invention further provides a terminal, including:
  • a webpage loading module configured to load a fifth generation hypertext markup language H5 webpage on a display screen of the terminal, the H5 webpage comprising: a H5 page visible window and a video player button floating on the H5 page visible window ;
  • a video insertion module configured to insert video content to be displayed on the H5 webpage, where the video content is displayed on the H5 page visible window;
  • a display control module configured to play the video content on the H5 page visible window when the video content is triggered to play, and hide the video player button on the H5 page visible window.
  • the present invention provides a terminal, including: a memory and a processor;
  • the memory is used to store a program
  • the processor is configured to execute the program, and specifically includes the following steps:
  • H5 webpage Loading a fifth generation hypertext markup language H5 webpage on a display screen of the terminal, the H5 webpage comprising: an H5 page visible window and a video player button floating on the H5 page visible window;
  • the video content When the video content is triggered to play, the video content is played on the H5 page visible window, and the video player button is hidden on the H5 page visible window.
  • the present invention provides a computer readable storage medium having instructions stored therein that, when executed on a computer, cause the computer to perform the methods described in the above aspects.
  • the fifth generation hypertext markup language H5 webpage is loaded on the display screen of the terminal, and the H5 webpage includes: a H5 page visible window and a video player button floating on the H5 page visible window, in the H5
  • the video content to be displayed is inserted on the webpage, and the video content is displayed on the H5 page visible window.
  • the video content is triggered to play, the video content is played on the H5 page visible window, and the video playback is hidden on the H5 page visible window. Button.
  • the embodiment of the present invention implements the creation of the H5 page by inserting the video content on the H5 webpage, does not need to use multiple page elements, does not have the problem of page flattening, reduces the cost of webpage production and the production time, and further, the embodiment of the present invention
  • the video player button can be shielded.
  • the user browses the H5 page the user does not feel that he is watching the video but the H5 page is active, so that the user can immerse in the scene to be spread by the video content, and improve user experience.
  • FIG. 1 is a schematic block diagram of a method for displaying a page based on H5 according to an embodiment of the present invention
  • FIG. 2 is a schematic diagram of a process interaction based on H5 according to an embodiment of the present invention.
  • FIG. 3 is a schematic diagram of an implementation scenario of inserting video content on an H5 webpage according to an embodiment of the present invention
  • FIG. 4 is a schematic diagram of an implementation scenario of a hidden video player button according to an embodiment of the present invention.
  • FIG. 5-a is a schematic structural diagram of a terminal according to an embodiment of the present disclosure.
  • FIG. 5-b is a schematic structural diagram of another terminal according to an embodiment of the present disclosure.
  • FIG. 6 is a schematic structural diagram of a component of a H5-based page display method applied to a terminal according to an embodiment of the present invention.
  • the embodiment of the invention provides a page display method and a terminal based on H5, which are used for reducing webpage production cost, improving webpage production efficiency, and realizing smooth display of video.
  • the H5-based page display method provided by the embodiment of the present invention can be applied to a terminal, and the fifth-generation Hypertext Markup Language 5 (H5) webpage has been propagated on an application such as a WeChat client or a mobile QQ client.
  • the H5-based page display method in this embodiment is applied to the terminal, and the user shares the video content through the application installed on the terminal, so that more users can see the video content. , improve the number of views of the video.
  • an H5-based page display method in the implementation of the present invention is described below.
  • an H5-based page display method may include the following steps:
  • H5 webpage Load an H5 webpage on the display screen of the terminal, and the H5 webpage includes: a H5 page visible window and a video player button floating on the H5 page visible window.
  • an HTML5 (hereinafter abbreviated as H5) webpage program is installed in the operating system of the terminal, and the terminal may be a mobile device such as a mobile phone terminal or a tablet computer, and the user may click on the H5 webpage in the running terminal to display the display screen of the terminal.
  • H5 hereinafter abbreviated as H5
  • the H5 webpage is loaded, and the H5 webpage includes: a H5 page visible window and a video player button floating on the H5 page visible window, wherein the H5 page visible window is a display window that the user can see on the H5 webpage, H5
  • the content of the webpage is loaded and displayed in the visual window of the H5 page, the H5 webpage supports the insertion of the video element, and the video player button is also set on the H5 webpage, the video player button is used to control the video playing, the video player
  • the video playback control component is usually displayed on the user.
  • the user's operation on the video player usually includes: clicking a play start button, a pause button, a fast forward button, a back button, etc., in the embodiment of the present invention, the video player button included in the H5 webpage. Floating on the H5 page visible window, so the positional relationship between the video player button and the H5 page visible window can For flexible adjustment, see the hidden operation of the video player button during video content playback in the subsequent embodiments.
  • step 101 loads a fifth generation hypertext markup language H5 web page on a display screen of the terminal, including:
  • A1 detecting a touch event generated on a display screen of the terminal
  • the user can trigger the terminal display screen, so that the terminal can detect the touch event sent by the user.
  • the user touches any position on the page.
  • the operating system of the terminal stipulates that the user does not actively touch the page. It is not allowed to preload the video to improve the loading speed. Generally, a small fingerprint is posted on the page to indicate that the user is interested in clicking the user.
  • a touch event can be generated, and then the touch event can be displayed according to the touch event.
  • the H5 web page is loaded on the screen.
  • the video content to be displayed may be extracted according to the video file that the user selects to play, and the video content is inserted on the H5 webpage, where the video is inserted.
  • the content can be created by the user, or the user can provide a download address, and the video content can be obtained according to the download address.
  • the video content can simulate various scenarios, for example, the video content can display and introduce the product, and can also describe the game program. Operation skills, or simulate the user browsing the webpage, or simulate the user's operation on the page, or simulate the user to play music, etc., which is not limited here.
  • the video content may be displayed on the H5 page visible window.
  • the video element corresponds to the video (VIDEO) tag in HTML5.
  • HTML5 technology allows video elements to be inserted into the webpage, so the video content can be played and displayed in the webpage, because it is HTML5 technology supported by the browser without additional installation.
  • the video player that consumes too much memory, the performance on the browser and the W3C organization has been optimized.
  • the height of the video content to be displayed is greater than the width of the video content, that is, the video content needs to be displayed in a vertical screen, which is completely compatible with the operation of the user's usual vertical screen handheld terminal, in the vertical screen scene.
  • the height of the video content is greater than the width of the video content.
  • the width of the video content is scaled according to the width of the H5 page visible window, and the height of the video content is scaled according to the width of the scaled video content.
  • the video content when the user enters the H5 webpage, the video content is inserted into the H5 page visible window on the H5 webpage, horizontally 100% zoomed, and the vertical aspect ratio adaptively follows the horizontal zoom, thereby scaling the video content to the same scale as H5.
  • inserting the video content means inserting in the H5 page visible window.
  • Video content specifically through HTML5 technology and java script control logic, after the user loads the H5 webpage, the video content is inserted, and the video content can be inserted into the H5 webpage by means of the video Video tag.
  • the video content is triggered to play, the video content is played on the H5 page visible window, and the video player button is hidden on the H5 page visible window.
  • the user may click on the display screen of the terminal to trigger the playback of the video content, or may trigger the playback of the video content according to a predetermined trigger condition, for example, inserting the video content into the video content.
  • the video can be automatically played, or the camera of the terminal detects the user's gesture or facial motion, thereby triggering the video content to be played.
  • the video content can be played on the H5 page visible window. And hide the video player button on the H5 page visible window.
  • the video player button floats on the H5 page visible window on the H5 webpage, and when the video content is played, the video player button is automatically hidden from the H5 page visible window, which is related to the prior art.
  • the control component on the video player on the video player hides the control component when the user clicks on the full-screen playback.
  • the control component on the video player usually needs to be hidden after the user operates, when the user operates the video player again. It will be displayed again.
  • the video player button is hidden on the H5 page visible window of the H5 webpage, and the video player button and the H5 page visible window are all components of the H5 page, when the video player button is hidden,
  • On the H5 webpage only the full-screen H5 page visible window is displayed.
  • the video content played in the visible window of the H5 page is not in the video content, but the entire H5 page is in full-screen activity, which makes the user immersive.
  • the user is immersed, and the video content is displayed through the H5 webpage, so that the user can share the content, thereby improving the video browsing amount.
  • the video player button is hidden on the H5 page visible window in step 103, including:
  • the HTML5 code and the misalignment truncation can be used to hide the video player button, and the H5 page visible window of the played video is enlarged, which just makes the position of the video player button in the H5 webpage exceed the H5 page. Window, video player button is outside the H5 page visible window, so it is not visible on the H5 webpage. It is equivalent to the H5 page visual window to cut off the video player button.
  • the user can full screen through the H5 page visible window. By seeing the playback of the video content, by hiding the video player button, the user feels that the entire H5 webpage interacts with the user, rather than a simple video playback.
  • the H5-based page display method provided by the embodiment of the present invention further includes the following steps:
  • the video content of the video content may be paused according to the pause indication in the pre-designed video content.
  • the H5 page visible window may also be hidden from the H5 webpage.
  • the pause mode of the content may be determined by the content screen of the video content. For example, a two-dimensional code picture is inserted in the video content, and when the user scans the two-dimensional code picture, the video content of the video content may be paused, and the H5 page visible window is displayed. Hidden from the H5 page.
  • the interactive operation page is displayed on the H5 webpage, wherein the interactive operationpage refers to an operation page for the user who views the video content to interact with the H5 webpage, for example, the operation page can be set.
  • the video content can be used to simulate a shopping scene, such as simulating a user browsing a shopping website and adding interesting interactions through certain operations, so that the user feels like being in the first-person perspective browsing of the shopping, just as the user himself is browsing the shopping website.
  • the commonly used method in the prior art is to create multiple elements in the H5 webpage, and complete the page interaction through the flattening of multiple elements.
  • the video content is inserted on the H5 webpage, the full-screen playback of the video content is performed, and the video player is hidden. With the button, the page interaction process can be completed, the production cost of the webpage is reduced, and the production efficiency of the webpage is improved.
  • the H5-based page display method provided by the embodiment of the present invention further includes the following steps:
  • the audio content may be mechanically played in the background of the terminal, for example, in the step.
  • the video content can use a simulated shopping scene, such as simulating a user browsing the shopping website. And adding interesting interactions through certain operations, so that the user seems to be in the first-person perspective browsing of the shopping, just like the user himself browsing the shopping website and adding the goods to the shopping cart, the user manually operates the interactive operation page.
  • the terminal continues to play the audio content, so that the user feels that the interactive operation still has voice guidance while being synchronized, which is more beneficial to enhance the interaction effect between the terminal and the user.
  • the fifth generation hypertext markup language H5 webpage is loaded on the display screen of the terminal, and the H5 webpage includes: a H5 page visible window and a video play floating on the H5 page visible window.
  • Button insert the video content to be displayed on the H5 webpage, and the video content is displayed on the H5 page visible window.
  • the video content is triggered to play, the video content is played on the H5 page visible window and visible on the H5 page.
  • the video player button is hidden on the window.
  • the embodiment of the present invention realizes the creation of the H5 page by inserting the video content on the H5 webpage, does not need to use multiple page elements, does not have the problem of page flattening, reduces the cost of webpage production and the production time, and the embodiment of the present invention is
  • the video player button can be shielded.
  • the user browses the H5 page, the user does not feel that he is watching the video but the H5 page is active, so that the user can immerse in the scene to be spread by the video content, and enhance the user.
  • experience and play video content through the H5 page, which is convenient for users to share, so that more users can see the video content and improve the video browsing.
  • a video element is inserted in an HTML5 webpage, and the video element corresponds to a VIDEO tag in the HTML5.
  • the HTML5 technology allows a video element to be inserted into the webpage, and the video file can be played and displayed in the H5 webpage because it is a browser.
  • the supported HTML5 technology does not require the installation of a video player that consumes too much memory, which solves the problem of high cost and high time consumption of ordinary HTML5 webpages.
  • the normal video is directly inserted and played on the mobile terminal, there is a play control button, and the user explicitly knows that a video is being played, resulting in a single-sex experience that can only watch the video.
  • the video player button is hidden. The user feels that the terminal is interacting with himself to enhance the user's visual experience.
  • a schematic diagram of an H5-based process interaction includes the following processes:
  • FIG. 3 it is a schematic diagram of an implementation scenario of inserting video content on a H5 webpage according to an embodiment of the present invention.
  • the webpage in FIG. 3 is an H5 webpage
  • the video video in FIG. 3 is a video.
  • Content insert Video video into the webpage, you need to scale the Video video, but keep the video aspect ratio unchanged to ensure the normal display of the video content.
  • FIG. 4 is a hidden video player button provided by the embodiment of the present invention.
  • the video player button is simply referred to as a player button
  • the H5 page visible window is simply referred to as a visible window.
  • the player button floats on the visible window.
  • the player button can be placed at the upper end of the visible window.
  • the player button can also be disposed at a lower end position of the visible window.
  • the player button can also be disposed at the upper end position and the lower end position of the visible window at the same time, and the upper end position and the lower end position are set with different control buttons of the player button.
  • the player button is outside the visible window, and the user does not see the player button, which is equivalent to the visual window to cut off the player button. From FIG. 4, it can be seen that the player button is in the visible window. Outside the area.
  • video content production and creative environment simulation video content production process, the use of simulation of other scenes, such as the production of video content can be simulated themselves Han Han and brush microblogging, such as intercepting Han Han's Weibo and passed Certain operations (such as adding interactive interfaces, such as playing to which location, jumping out of other page interactions, can be flexible and customizable) Add interesting interactions in WeChat, hand Q to browse, simulation as if to be in the first person perspective of Weibo Browsing.
  • the video content played on the H5 webpage may be an interaction between the viewer and the mobile terminal, and the generated video content is a simulated Han Han brush microblogging behavior, and the user feels Han Han through the display screen of the terminal. Speak and then play to an area, Han Han said that you can participate in an activity, the page will jump out of the activity button to let the user click to interact, thus achieving user interaction with the terminal.
  • the video player button is blocked to simulate a video display behavior as an ordinary webpage, and an interactive operation page is played, and the simulated user through the whole screen does not feel that he is watching the video but H5.
  • the webpage is "moving" to enhance user experience and interactivity.
  • a terminal 500 may include: a webpage loading module 501, a video insertion module 502, and a display control module 503, where
  • the webpage loading module 501 is configured to load a fifth generation hypertext markup language H5 webpage on the display screen of the terminal, where the H5 webpage comprises: a H5 page visible window and a video player floating on the H5 page visible window Button
  • a video insertion module 502 configured to insert video content to be displayed on the H5 webpage, where the video content is displayed on the H5 page visible window;
  • the display control module 503 is configured to play the video content on the H5 page visible window when the video content is triggered to play, and hide the video player button on the H5 page visible window.
  • the height of the video content is greater than the width of the video content
  • the video insertion module is specifically configured to insert the video content to be displayed into the H5 page visible window;
  • the width of the video content is scaled according to the width of the H5 page visible window, and the height of the video content is scaled according to the width of the scaled video content.
  • the webpage loading module 501 is specifically configured to detect a touch event generated on a display screen of the terminal; and load an H5 webpage on the display screen according to the touch event.
  • the display control module 503 is specifically configured to enlarge the H5 page visible window on the display screen, and play the video content on the enlarged H5 page visible window. And adjusting the position of the video player button on the H5 webpage according to the enlarged H5 page visible window, so that the position of the adjusted video player button is beyond the display screen.
  • the display control module 503 is further configured to pause the video content during the playing of the video content after playing the video content on the H5 page visible window.
  • the video plays and hides the H5 page visible window; after the H5 page visible window is hidden from the H5 webpage, an interactive operation page is displayed on the H5 webpage.
  • the terminal 500 further includes: an audio playing module 504, configured to pause the video playback of the video content by the display control module 503. After hiding the H5 page visible window, the audio content corresponding to the video content is continued to be played.
  • the fifth generation hypertext markup language H5 webpage is loaded on the display screen of the terminal, and the H5 webpage includes: H5 page visible window and floating
  • the video player button on the H5 page visible window inserts the video content to be displayed on the H5 webpage, and the video content is displayed on the H5 page visible window.
  • the video content is triggered to be played, on the H5 page visible window. Play the video content and hide the video player button on the H5 page visible window.
  • the embodiment of the present invention implements the creation of the H5 page by inserting the video content on the H5 webpage, does not need to use multiple page elements, does not have the problem of page flattening, reduces the cost of webpage production and the production time, and further, the embodiment of the present invention
  • the video player button can be shielded.
  • the user browses the H5 page, the user does not feel that he is watching the video but the H5 page is active, so that the user can immerse in the scene to be spread by the video content, and improve user experience.
  • the embodiment of the present invention further provides another terminal. As shown in FIG. 6 , for the convenience of description, only parts related to the embodiment of the present invention are shown.
  • the terminal may be any terminal device including a mobile phone, a tablet computer, a PDA (Personal Digital Assistant), a POS (Point of Sales), an in-vehicle computer, and the terminal is a mobile phone as an example:
  • FIG. 6 is a block diagram showing a partial structure of a mobile phone related to a terminal provided by an embodiment of the present invention.
  • the mobile phone includes: a radio frequency (RF) circuit 1010, a memory 1020, an input unit 1030, a display unit 1040, a sensor 1050, an audio circuit 1060, a wireless fidelity (WiFi) module 1070, and a processor 1080. And power supply 1090 and other components.
  • RF radio frequency
  • the RF circuit 1010 can be used for receiving and transmitting signals during the transmission or reception of information or during a call. In particular, after receiving the downlink information of the base station, it is processed by the processor 1080. In addition, the uplink data is designed to be sent to the base station. Generally, RF circuit 1010 includes, but is not limited to, an antenna, at least one amplifier, a transceiver, a coupler, a Low Noise Amplifier (LNA), a duplexer, and the like. In addition, RF circuit 1010 can also communicate with the network and other devices via wireless communication. The above wireless communication may use any communication standard or protocol, including but not limited to Global System of Mobile communication (GSM), General Packet Radio Service (GPRS), Code Division Multiple Access (Code Division). Multiple Access (CDMA), Wideband Code Division Multiple Access (WCDMA), Long Term Evolution (LTE), E-mail, Short Messaging Service (SMS), and the like.
  • GSM Global System of Mobile communication
  • GPRS General Packet Radio Service
  • the memory 1020 can be used to store software programs and modules, and the processor 1080 executes various functional applications and data processing of the mobile phone by running software programs and modules stored in the memory 1020.
  • the memory 1020 may mainly include a storage program area and a storage data area, wherein the storage program area may store an operating system, an application required for at least one function (such as a sound playing function, an image playing function, etc.), and the like; the storage data area may be stored according to Data created by the use of the mobile phone (such as audio data, phone book, etc.).
  • memory 1020 can include high speed random access memory, and can also include non-volatile memory, such as at least one magnetic disk storage device, flash memory device, or other volatile solid state storage device.
  • the input unit 1030 can be configured to receive input numeric or character information and to generate key signal inputs related to user settings and function controls of the handset.
  • the input unit 1030 may include a touch panel 1031 and other input devices 1032.
  • the touch panel 1031 also referred to as a touch screen, can collect touch operations on or near the user (such as the user using a finger, a stylus, or the like on the touch panel 1031 or near the touch panel 1031. Operation), and drive the corresponding connecting device according to a preset program.
  • the touch panel 1031 may include two parts: a touch detection device and a touch controller.
  • the touch detection device detects the touch orientation of the user, and detects a signal brought by the touch operation, and transmits the signal to the touch controller; the touch controller receives the touch information from the touch detection device, converts the touch information into contact coordinates, and sends the touch information.
  • the processor 1080 is provided and can receive commands from the processor 1080 and execute them.
  • the touch panel 1031 can be implemented in various types such as resistive, capacitive, infrared, and surface acoustic waves.
  • the input unit 1030 may also include other input devices 1032.
  • other input devices 1032 may include, but are not limited to, one or more of a physical keyboard, function keys (such as volume control buttons, switch buttons, etc.), trackballs, mice, joysticks, and the like.
  • the display unit 1040 can be used to display information input by the user or information provided to the user as well as various menus of the mobile phone.
  • the display unit 1040 may include a display panel 1041.
  • the display panel 1041 may be configured in the form of a liquid crystal display (LCD), an organic light-emitting diode (OLED), or the like.
  • the touch panel 1031 may cover the display panel 1041, and when the touch panel 1031 detects a touch operation thereon or nearby, the touch panel 1031 transmits to the processor 1080 to determine the type of the touch event, and then the processor 1080 according to the touch event. The type provides a corresponding visual output on display panel 1041.
  • touch panel 1031 and the display panel 1041 are used as two independent components to implement the input and input functions of the mobile phone in FIG. 6, in some embodiments, the touch panel 1031 and the display panel 1041 may be integrated. Realize the input and output functions of the phone.
  • the handset can also include at least one type of sensor 1050, such as a light sensor, motion sensor, and other sensors.
  • the light sensor may include an ambient light sensor and a proximity sensor, wherein the ambient light sensor may adjust the brightness of the display panel 1041 according to the brightness of the ambient light, and the proximity sensor may close the display panel 1041 and/or when the mobile phone moves to the ear. Or backlight.
  • the accelerometer sensor can detect the magnitude of acceleration in all directions (usually three axes). When it is stationary, it can detect the magnitude and direction of gravity.
  • the mobile phone can be used to identify the gesture of the mobile phone (such as horizontal and vertical screen switching, related Game, magnetometer attitude calibration), vibration recognition related functions (such as pedometer, tapping), etc.; as for the mobile phone can also be configured with gyroscopes, barometers, hygrometers, thermometers, infrared sensors and other sensors, no longer Narration.
  • the gesture of the mobile phone such as horizontal and vertical screen switching, related Game, magnetometer attitude calibration
  • vibration recognition related functions such as pedometer, tapping
  • the mobile phone can also be configured with gyroscopes, barometers, hygrometers, thermometers, infrared sensors and other sensors, no longer Narration.
  • An audio circuit 1060, a speaker 1061, and a microphone 1062 can provide an audio interface between the user and the handset.
  • the audio circuit 1060 can transmit the converted electrical data of the received audio data to the speaker 1061, and convert it into a sound signal output by the speaker 1061; on the other hand, the microphone 1062 converts the collected sound signal into an electrical signal, by the audio circuit 1060. After receiving, it is converted into audio data, and then processed by the audio data output processor 1080, sent to the other mobile phone via the RF circuit 1010, or outputted to the memory 1020 for further processing.
  • WiFi is a short-range wireless transmission technology.
  • the mobile phone through the WiFi module 1070 can help users to send and receive e-mail, browse the web and access streaming media, etc. It provides users with wireless broadband Internet access.
  • FIG. 6 shows the WiFi module 1070, it can be understood that it does not belong to the essential configuration of the mobile phone, and may be omitted as needed within the scope of not changing the essence of the invention.
  • the processor 1080 is the control center of the handset, which connects various portions of the entire handset using various interfaces and lines, by executing or executing software programs and/or modules stored in the memory 1020, and invoking data stored in the memory 1020, The phone's various functions and processing data, so that the overall monitoring of the phone.
  • the processor 1080 may include one or more processing units; preferably, the processor 1080 may integrate an application processor and a modem processor, where the application processor mainly processes an operating system, a user interface, an application, and the like.
  • the modem processor primarily handles wireless communications. It will be appreciated that the above described modem processor may also not be integrated into the processor 1080.
  • the handset also includes a power source 1090 (such as a battery) that supplies power to the various components.
  • a power source 1090 such as a battery
  • the power source can be logically coupled to the processor 1080 through a power management system to manage charging, discharging, and power management functions through the power management system.
  • the mobile phone may further include a camera, a Bluetooth module, and the like, and details are not described herein again.
  • the processor 1080 included in the terminal further has a flow of controlling the execution of the H5-based page display method executed by the terminal.
  • the device embodiments described above are merely illustrative, wherein the units described as separate components may or may not be physically separated, and the components displayed as units may or may not be Physical units can be located in one place or distributed to multiple network elements. Some or all of the modules may be selected according to actual needs to achieve the purpose of the solution of the embodiment.
  • the connection relationship between the modules indicates that there is a communication connection between them, and specifically, one or more communication buses or signal lines can be realized.
  • the present invention can be implemented by means of software plus necessary general hardware, and of course, dedicated hardware, dedicated CPU, dedicated memory, dedicated memory, Special components and so on.
  • functions performed by computer programs can be easily implemented with the corresponding hardware, and the specific hardware structure used to implement the same function can be various, such as analog circuits, digital circuits, or dedicated circuits. Circuits, etc.
  • software program implementation is a better implementation in more cases.
  • the technical solution of the present invention which is essential or contributes to the prior art, can be embodied in the form of a software product stored in a readable storage medium, such as a floppy disk of a computer.
  • U disk mobile hard disk, read-only memory (ROM, Read-Only Memory), random access memory (RAM, Random Access Memory), disk or optical disk, etc., including a number of instructions to make a computer device (may be A personal computer, server, or network device, etc.) performs the methods described in various embodiments of the present invention.
  • a computer device may be A personal computer, server, or network device, etc.

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Software Systems (AREA)
  • Databases & Information Systems (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Data Mining & Analysis (AREA)
  • Human Computer Interaction (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

L'invention concernent des modes de réalisation d'un procédé et d'un terminal d'affichage de page à base de H5 pour réduire les coûts de développement d'une page Web, augmenter l'efficacité de développement d'une page web et mettre en œuvre une lecture vidéo fluide. Dans un mode de réalisation de l'invention, le procédé d'affichage de page à base de H5 consiste : à afficher, sur un écran d'affichage d'un terminal, une page Web en langage balisé hypertexte 5 (H5) comprenant une fenêtre visible de page H5 et un bouton de lecteur vidéo flottant sur celle-ci ; à insérer un contenu vidéo à afficher dans la page H5, le contenu vidéo étant affiché dans la fenêtre visible de la page H5 ; lors du déclenchement de l'affichage du contenu vidéo, à afficher, dans la fenêtre visible de la page H5, le contenu vidéo, et à cacher le bouton de lecteur vidéo sur la fenêtre visible de la page H5.
PCT/CN2018/077183 2017-03-10 2018-02-26 Procédé et terminal d'affichage de page à base de h5 WO2018161811A1 (fr)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN201710142492.1 2017-03-10
CN201710142492.1A CN106919707B (zh) 2017-03-10 2017-03-10 一种基于h5的页面显示方法和终端

Publications (1)

Publication Number Publication Date
WO2018161811A1 true WO2018161811A1 (fr) 2018-09-13

Family

ID=59460798

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2018/077183 WO2018161811A1 (fr) 2017-03-10 2018-02-26 Procédé et terminal d'affichage de page à base de h5

Country Status (2)

Country Link
CN (1) CN106919707B (fr)
WO (1) WO2018161811A1 (fr)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
EP4428718A4 (fr) * 2021-12-08 2025-02-19 Beijing Bytedance Network Tech Co Ltd Procédé et appareil de traitement vidéo, dispositif électronique et support de stockage

Families Citing this family (11)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN106919707B (zh) * 2017-03-10 2020-04-07 腾讯科技（深圳）有限公司 一种基于h5的页面显示方法和终端
CN107463385A (zh) * 2017-08-22 2017-12-12 安徽简道科技有限公司 网络广告制作方法
CN109429088B (zh) * 2017-08-22 2021-09-07 北京国双科技有限公司 节目互动方法、系统、存储介质和处理器
CN108495174B (zh) * 2018-04-09 2020-10-09 码卡(广州)科技有限公司 一种h5页面效果生成视频文件的方法及系统
CN108874674A (zh) * 2018-06-21 2018-11-23 北京金山安全软件有限公司 页面调试方法及装置
CN108960909A (zh) * 2018-06-25 2018-12-07 苏宁易购集团股份有限公司 支持多平台的悬浮式广告方法
CN108959495B (zh) * 2018-06-25 2019-12-06 百度在线网络技术（北京）有限公司 H5网页的页面显示方法、装置、设备和计算机存储介质
CN112911367B (zh) * 2019-12-03 2022-04-19 腾讯科技（深圳）有限公司 视频播放界面的处理方法、装置和电子设备
CN111970570B (zh) * 2020-07-17 2022-01-25 北京奇艺世纪科技有限公司 一种提示视频内容互动位置的方法及装置
CN113779447A (zh) * 2020-07-21 2021-12-10 北京沃东天骏信息技术有限公司 用户浏览数据的获取方法、装置、电子设备及存储介质
CN115474086B (zh) * 2022-09-14 2023-07-18 北京字跳网络技术有限公司 播放控制方法、装置、电子设备和存储介质

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103281457A (zh) * 2013-06-03 2013-09-04 贝壳网际（北京）安全技术有限公司 一种移动终端浏览器中视频播放方法、装置及浏览器
CN104243668A (zh) * 2013-06-14 2014-12-24 广州市动景计算机科技有限公司 一种基于安卓操作系统的视频全屏播放方法及装置
CN105635790A (zh) * 2015-12-29 2016-06-01 腾讯科技（北京）有限公司 视频展示方法及装置
US20170017371A1 (en) * 2015-07-17 2017-01-19 Tribune Broadcasting Company, Llc Video-Production System With Social-Media Features
CN106919707A (zh) * 2017-03-10 2017-07-04 腾讯科技（深圳）有限公司 一种基于h5的页面显示方法和终端

Family Cites Families (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US9348495B2 (en) * 2014-03-07 2016-05-24 Sony Corporation Control of large screen display using wireless portable computer and facilitating selection of audio on a headphone
CN104080016B (zh) * 2014-06-25 2018-08-17 北京奇虎科技有限公司 一种浏览器中进行音视频信息显示的方法和装置
CN105959821A (zh) * 2016-05-30 2016-09-21 乐视控股（北京）有限公司 一种视频播放方法及设备

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103281457A (zh) * 2013-06-03 2013-09-04 贝壳网际（北京）安全技术有限公司 一种移动终端浏览器中视频播放方法、装置及浏览器
CN104243668A (zh) * 2013-06-14 2014-12-24 广州市动景计算机科技有限公司 一种基于安卓操作系统的视频全屏播放方法及装置
US20170017371A1 (en) * 2015-07-17 2017-01-19 Tribune Broadcasting Company, Llc Video-Production System With Social-Media Features
CN105635790A (zh) * 2015-12-29 2016-06-01 腾讯科技（北京）有限公司 视频展示方法及装置
CN106919707A (zh) * 2017-03-10 2017-07-04 腾讯科技（深圳）有限公司 一种基于h5的页面显示方法和终端

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
EP4428718A4 (fr) * 2021-12-08 2025-02-19 Beijing Bytedance Network Tech Co Ltd Procédé et appareil de traitement vidéo, dispositif électronique et support de stockage

Also Published As

Publication number Publication date
CN106919707A (zh) 2017-07-04
CN106919707B (zh) 2020-04-07

Similar Documents

Publication Publication Date Title
WO2018161811A1 (fr) Procédé et terminal d'affichage de page à base de h5
US10839137B2 (en) Method and apparatus for playing video in independent window by browser, and storage medium
CN109905754B (zh) 虚拟礼物收取方法、装置及存储设备
WO2023274144A1 (fr) Procédé et appareil de traitement de message, dispositif électronique et support de stockage
US10775979B2 (en) Buddy list presentation control method and system, and computer storage medium
WO2018157812A1 (fr) Procédé et appareil pour mettre en œuvre une sélection et une lecture de branche vidéo
CN104142779B (zh) 用户界面控制方法、装置和终端
CN115454286B (zh) 应用数据的处理方法、装置和终端设备
CN115022653A (zh) 信息展示方法、装置、电子设备及存储介质
CN108235086A (zh) 视频播放控制方法、装置及相应的终端
CN109543099B (zh) 一种内容推荐方法及终端设备
CN106406924B (zh) 应用程序启动和退出画面的控制方法、装置及移动终端
WO2018107941A1 (fr) Procédé et système de liaison multi-écrans utilisés dans un scénario ar
CN109032732B (zh) 通知显示方法、装置、存储介质及电子设备
CN108475204A (zh) 自动设置壁纸的方法、终端设备和图形用户界面
CN108763544A (zh) 一种显示方法及终端
WO2023071452A1 (fr) Procédé et appareil de commande de composant, dispositif électronique, et support de stockage
CN115509425A (zh) 一种推广信息处理方法、装置及计算机可读存储介质
CN115373577A (zh) 一种图像处理方法、装置及计算机可读存储介质
CN110471895B (zh) 分享方法及终端设备
CN108446153A (zh) 一种控制电子资源的方法及终端
CN112732250A (zh) 界面处理方法、装置及存储介质
CN110888572A (zh) 一种消息显示方法及终端设备
CN112199148B (zh) 一种信息处理方法、装置、存储介质及终端
CN115562779A (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: 18764072

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: 18764072

Country of ref document: EP

Kind code of ref document: A1

点击 这是indexloc提供的php浏览器服务，不要输入任何密码和下载