Video full-screen display method, device and equipment, medium and vehicle

Abstract

The invention relates to a video full-screen display method, device and equipment, a medium and a vehicle. The video full-screen display method comprises the steps that a target webpage is displayed through a display screen, and the target webpage comprises a target video; in response to a full-screen playing instruction for the target video, rendering the target video according to a preset rendering size to obtain a preliminary full-screen view; and performing zooming processing on the initial full-screen view according to a preset zooming ratio to obtain a final full-screen view, and displaying the final full-screen view on the display screen. According to the embodiment of the invention, the target video can be adaptively amplified according to the display screen as required, and the user experience is improved.

Description

Technical Field

[0001] This disclosure relates to the field of computer technology, and in particular to a method, apparatus, device, medium, and vehicle for full-screen video display. Background Technology

[0002] Currently, many display devices on the market run on the Android system. There's an increasing demand for opening web pages using WebView on high-resolution or large-screen displays, such as in the automotive industry where more and more large-screen devices are appearing in vehicles. However, on large Android devices, when loading a webpage with video using Android WebView and making the video full-screen, the video's user interface (UI) controls appear extremely small due to the large screen, resulting in a poor user experience that's difficult to operate. Summary of the Invention

[0003] To address the aforementioned technical problems, this disclosure provides a method, apparatus, device, medium, and vehicle for full-screen video display.

[0004] Firstly, this disclosure provides a method for full-screen video display, including:

[0005] The target webpage, including the target video, is displayed on a monitor screen.

[0006] In response to the full-screen playback command for the target video, the target video is rendered according to a preset rendering size to obtain a preliminary full-screen view;

[0007] The initial full-screen view is scaled according to a preset scaling ratio to obtain the final full-screen view, which is then displayed on the monitor screen.

[0008] Secondly, this disclosure provides a full-screen video display device, including:

[0009] A first display module is used to display a target webpage on a display screen, the target webpage including a target video;

[0010] The video rendering module is used to respond to the full-screen playback command of the target video, render the target video according to the preset rendering size, and obtain a preliminary full-screen view;

[0011] The second display module is used to scale the initial full-screen view according to a preset scaling ratio to obtain the final full-screen view and display it on the display screen.

[0012] Thirdly, this disclosure provides a full-screen video display device, including:

[0013] processor;

[0014] Memory, used to store executable instructions;

[0015] The processor is used to read executable instructions from memory and execute the executable instructions to implement the video full-screen display method of the first aspect.

[0016] Fourthly, this disclosure provides a computer-readable storage medium storing a computer program that, when executed by a processor, causes the processor to implement the video full-screen display method of the first aspect.

[0017] Fifthly, this disclosure provides a vehicle including the video full-screen display device described above.

[0018] The technical solution provided in this disclosure has the following advantages compared with the prior art:

[0019] The video full-screen display method, apparatus, device, medium, and vehicle disclosed in this embodiment can display a target webpage, including a target video, on a display screen. Then, in response to a full-screen playback command for the target video, the target video is rendered according to a preset rendering size to obtain a preliminary full-screen view. The preliminary full-screen view is then scaled according to a preset scaling ratio to obtain a final full-screen view, which is then displayed on the display screen. Thus, by rendering the target video according to a preset rendering size to obtain a preliminary full-screen view, and then scaling the preliminary full-screen view according to a preset scaling ratio, the target video can be adapted and scaled according to the display screen as needed, improving the user experience. Attached Figure Description

[0020] The above and other features, advantages, and aspects of the embodiments of this disclosure will become more apparent from the accompanying drawings and the following detailed description. Throughout the drawings, the same or similar reference numerals denote the same or similar elements. It should be understood that the drawings are schematic, and the originals and elements are not necessarily drawn to scale.

[0021] Figure 1 A flowchart illustrating a method for full-screen video display provided in an embodiment of this disclosure;

[0022] Figure 2 A schematic diagram of a non-full-screen interface provided in an embodiment of this disclosure;

[0023] Figure 3 A schematic diagram of a full-screen interface provided in an embodiment of this disclosure;

[0024] Figure 4 A flowchart illustrating another method for full-screen video display provided in this embodiment of the present disclosure;

[0025] Figure 5 This is a schematic diagram of the structure of a full-screen video display device provided in an embodiment of the present disclosure;

[0026] Figure 6 This is a schematic diagram of the structure of a full-screen video display device provided in an embodiment of this disclosure. Detailed Implementation

[0027] Embodiments of this disclosure will now be described in more detail with reference to the accompanying drawings. While some embodiments of this disclosure are shown in the drawings, it should be understood that this disclosure can be implemented in various forms and should not be construed as limited to the embodiments set forth herein. Rather, these embodiments are provided to provide a more thorough and complete understanding of this disclosure. It should be understood that the accompanying drawings and embodiments of this disclosure are for illustrative purposes only and are not intended to limit the scope of protection of this disclosure.

[0028] It should be understood that the steps described in the method embodiments of this disclosure may be performed in different orders and / or in parallel. Furthermore, the method embodiments may include additional steps and / or omit the steps shown. The scope of this disclosure is not limited in this respect.

[0029] The term "comprising" and its variations as used herein are open-ended inclusions, meaning "including but not limited to". The term "based on" means "at least partially based on". The term "one embodiment" means "at least one embodiment"; the term "another embodiment" means "at least one additional embodiment"; the term "some embodiments" means "at least some embodiments". Definitions of other terms will be given in the description below.

[0030] It should be noted that the concepts of "first" and "second" mentioned in this disclosure are used only to distinguish different devices, modules or units, and are not used to limit the order of functions performed by these devices, modules or units or their interdependencies.

[0031] It should be noted that the terms "a" and "a plurality of" used in this disclosure are illustrative rather than restrictive, and those skilled in the art should understand that, unless otherwise expressly indicated in the context, they should be understood as "one or more".

[0032] The names of messages or information exchanged between multiple devices in the embodiments of this disclosure are for illustrative purposes only and are not intended to limit the scope of such messages or information.

[0033] To address the aforementioned problems, this disclosure provides a method, apparatus, device, medium, and vehicle for full-screen video display. The following will first consider... Figures 1 to 4 The video full-screen display method provided in the embodiments of this disclosure will be described in detail.

[0034] Figure 1 A flowchart illustrating a method for full-screen video display according to an embodiment of this disclosure is shown.

[0035] In this embodiment of the disclosure, the full-screen video display method can be executed by an electronic device. Specifically, the electronic device may include, but is not limited to, mobile terminals such as computer devices, mobile phones, in-vehicle devices, vehicle controllers, tablet computers, and wearable devices.

[0036] like Figure 1 As shown, the method for displaying a video in full screen may include the following steps.

[0037] S110. Display the target webpage on the monitor screen, the target webpage including the target video.

[0038] In this embodiment of the disclosure, an electronic device can display a target webpage on a display screen, the target webpage including a target video.

[0039] Optionally, the display screen can be a screen corresponding to an in-vehicle device. The display screen can load a webpage with video via Android WebView. Android WebView can be a built-in component, allowing webpage content to be embedded and rendered within an Android application.

[0040] Alternatively, the target webpage can be a webpage that is displayed on a monitor screen for a user to view.

[0041] Alternatively, the target video can be a video played on a monitor screen.

[0042] Specifically, users can view the target webpage through the display screen of the in-vehicle equipment, which may include the target video.

[0043] S120. In response to the full-screen playback command for the target video, render the target video according to the preset rendering size to obtain a preliminary full-screen view.

[0044] In this embodiment of the disclosure, the electronic device can respond to a full-screen playback command for the target video and render the target video according to a preset rendering size to obtain a preliminary full-screen view.

[0045] Optionally, the full-screen playback command can be a command issued by the user to make the target video play in full screen.

[0046] Optionally, the preset rendering size can be a pre-defined size for rendering. The preset rendering size may include both width and height dimensions.

[0047] Optionally, the initial full-screen view can be the initially obtained full-screen view (FullScreenView).

[0048] Specifically, when a user wants to watch a target video in full screen, they can perform a full-screen playback operation on the display screen. The electronic device can respond to the full-screen playback command for the target video and render the target video according to the preset rendering size to obtain a preliminary full-screen view.

[0049] S130. The initial full-screen view is scaled according to a preset scaling ratio to obtain the final full-screen view and displayed on the display screen.

[0050] In this embodiment of the disclosure, the electronic device can scale the initial full-screen view according to a preset scaling ratio to obtain the final full-screen view and display it on the display screen.

[0051] Optionally, the preset scaling ratio can be a pre-defined ratio for scaling the video. For example, the preset scaling ratio can be 2x, 3x, etc., and there is no limitation in this case.

[0052] Optionally, the final full-screen view can be the final full-screen display view.

[0053] Therefore, in this embodiment of the disclosure, a target webpage, including a target video, can be displayed on a monitor screen. Then, in response to a full-screen playback command for the target video, the target video is rendered according to a preset rendering size to obtain a preliminary full-screen view. This preliminary full-screen view is then scaled according to a preset scaling ratio to obtain a final full-screen view, which is then displayed on the monitor screen. Thus, by rendering the target video according to a preset rendering size to obtain a preliminary full-screen view, and then scaling the preliminary full-screen view according to a preset scaling ratio, the target video can be adapted and scaled according to the monitor screen as needed, improving the user experience.

[0054] Optionally, S110 may specifically include: in non-full-screen mode, displaying the target video in the video rendering area of ​​the target webpage, wherein the display interface of the target video includes video footage and user interface controls.

[0055] In this embodiment of the disclosure, in non-fullscreen mode, the electronic device can display the target video in the video rendering area of ​​the target webpage.

[0056] Optionally, non-fullscreen mode can be a mode in which the video is not displayed in full screen on the monitor screen.

[0057] Optionally, the video rendering area can be the area used to render the video.

[0058] Optionally, the target video includes a video frame and user interface controls. The video frame can be the video frame from which the target video is playing, and the user interface (UI) controls can be a set of interactive controls for controlling video playback, pause, full-screen mode, exiting full-screen mode, volume, etc.

[0059] Specifically, the electronic device can display the target video in the video rendering area of ​​the target webpage in a non-full-screen mode. The target video may include video footage and user interface controls.

[0060] Figure 2 A schematic diagram of a non-full-screen interface provided in an embodiment of this disclosure is shown.

[0061] like Figure 2 As shown, in non-full-screen mode, electronic devices can display the target webpage on the monitor screen and display the target video in the video rendering area of ​​the target webpage. The target video may include video footage and user interface (UI) controls, while other webpage content is displayed in other areas. At this time, the target video is not displayed in full screen.

[0062] Figure 3 A schematic diagram of a full-screen mode interface provided in an embodiment of this disclosure is shown.

[0063] like Figure 3 As shown, in full-screen mode, electronic devices can display a target webpage in full-screen mode on the display screen. The target webpage may include video footage and user interface (UI) controls.

[0064] Optionally, prior to S120, the full-screen video display method may further include: determining the size data of the display screen, the size data including the screen width and screen height.

[0065] In this embodiment of the disclosure, the electronic device can determine the size data of the display screen.

[0066] Optionally, the size data can be the size parameters corresponding to the display screen. The size data may include the screen width and screen height.

[0067] Specifically, electronic devices can obtain display screen size data from a database, which may include screen width and screen height.

[0068] Optionally, after determining the size data of the display screen, the full-screen video display method may further include: calculating the preset rendering size using the size data of the display screen and a preset ratio.

[0069] In this embodiment of the disclosure, the electronic device can calculate the preset rendering size using the size data of the display screen and a preset ratio.

[0070] Optionally, the preset ratio can be a pre-defined ratio. For example, the preset ratio can be 0.5, 0.25, etc., and there is no limitation here.

[0071] Specifically, after obtaining the size data of the display screen, the electronic device can calculate the preset rendering size using the size data and a preset ratio. For example, if the preset ratio is 0.5 and the obtained size data is a screen width of 100mm and a screen height of 110mm, the electronic device can calculate the preset rendering size to obtain a width of 50mm and a height of 55mm.

[0072] Optionally, S120 may specifically include: in response to the full-screen playback instruction for the target video, adding the network container layer corresponding to the target video to an empty full-screen view; rendering the full-screen view according to a preset rendering size to obtain the preliminary full-screen view.

[0073] In this embodiment of the disclosure, the electronic device may, in response to the full-screen playback instruction for the target video, add the network container layer corresponding to the target video to an empty full-screen view.

[0074] Alternatively, the network container layer can be a container layer that writes to the network data writable layer.

[0075] Specifically, in response to the full-screen playback command for the target video, the electronic device may add the web container layer corresponding to the target video to an empty full-screen view. For example, the electronic device may add the web container layer corresponding to the target video to an empty full-screen view.

[0076] Optionally, S130 may specifically include: scaling the initial full-screen view according to a preset scaling ratio to obtain the final full-screen view; adding the final full-screen view to the full-screen view container layer and displaying it on the display screen.

[0077] In this embodiment of the disclosure, the electronic device can scale the initial full-screen view according to a preset scaling ratio to obtain the final full-screen view.

[0078] Specifically, after obtaining a preliminary full-screen view, the electronic device can scale the preliminary full-screen view according to a preset scaling ratio to obtain the final full-screen view. For example, the electronic device can obtain a preliminary full-screen view (FullScreenView), add it to a custom view (CustomView) (an empty FrameLayout), scale the preliminary full-screen view according to a preset scaling ratio, that is, the size of the preliminary full-screen view is 50mm in width and 55mm in height, and enlarge the preliminary full-screen view by 2 times through the setScaleX and setScaleY interfaces of the View, so that the preliminary full-screen view is scaled according to the preset scaling ratio to obtain the final full-screen view.

[0079] Furthermore, the electronic device can add the final full-screen view to the full-screen view container layer and display it on the display screen.

[0080] Specifically, the electronic device can add the final full-screen view to the full-screen view container layer, such as by sending a custom view (CustomView) to the caller through the WebChromeClient.onShowCustomView callback. The caller then adds this custom view (CustomView) to the full-screen view container layer, thereby displaying the corresponding target video in full-screen mode on the display screen.

[0081] This allows the target video to be displayed in full screen, and the user interface (UI) controls to be displayed at a multiple of their original size. Furthermore, the size can be adapted to the screen size as needed, solving the problem of small UI controls on large screens or high resolutions, which makes it difficult to click or drag, thus improving the user experience.

[0082] Figure 4 A flowchart illustrating another method for full-screen video display provided in an embodiment of this disclosure is shown.

[0083] like Figure 4 As shown, in related technologies, if the full-screen view is directly enlarged, the user interface (UI) controls will be displayed at a smaller size. In this embodiment, the target video is first rendered according to a preset rendering size to obtain a preliminary full-screen view. Then, the preliminary full-screen view is scaled according to a preset scaling ratio to obtain the final full-screen view and display it.

[0084] Figure 5 A schematic diagram of the structure of a full-screen video display device provided in an embodiment of this disclosure is shown.

[0085] In some embodiments of this disclosure, Figure 5The full-screen video display device shown can be installed in an electronic device. Specifically, the electronic device may include, but is not limited to, mobile terminals such as computer equipment, mobile phones, in-vehicle equipment, vehicle controllers, tablet computers, and wearable devices.

[0086] like Figure 5 As shown, the full-screen video display device 500 may include a first display module 510, a video rendering module 520, and a second display module 530.

[0087] The first display module 510 can be used to display a target webpage, including a target video, on a monitor screen.

[0088] The video rendering module 520 can be used to render the target video according to a preset rendering size in response to a full-screen playback command for the target video, thereby obtaining a preliminary full-screen view.

[0089] The second display module 530 can be used to scale the initial full-screen view according to a preset scaling ratio to obtain the final full-screen view and display it on the display screen.

[0090] Therefore, in this embodiment of the disclosure, a target webpage, including a target video, can be displayed on a monitor screen. Then, in response to a full-screen playback command for the target video, the target video is rendered according to a preset rendering size to obtain a preliminary full-screen view. This preliminary full-screen view is then scaled according to a preset scaling ratio to obtain a final full-screen view, which is then displayed on the monitor screen. Thus, by rendering the target video according to a preset rendering size to obtain a preliminary full-screen view, and then scaling the preliminary full-screen view according to a preset scaling ratio, the target video can be adapted and scaled according to the monitor screen as needed, improving the user experience.

[0091] In some embodiments of this disclosure, the first display module 510 may specifically include a first display unit.

[0092] The first display unit can be used to display the target video in the video rendering area of ​​the target webpage in a non-full-screen mode. The display interface of the target video includes the video screen and user interface controls.

[0093] In some embodiments of this disclosure, the full-screen video display device 500 may further include a data determination module.

[0094] The data determination module can be used to determine the size data of the display screen, including the screen width and screen height, before responding to the full-screen playback instruction for the target video.

[0095] In some embodiments of this disclosure, the full-screen video display device 500 may further include a data calculation module.

[0096] This data calculation module can be used to calculate the preset rendering size by using the size data of the display screen and a preset ratio after the size data of the display screen has been determined.

[0097] In some embodiments of this disclosure, the video rendering module 520 may specifically include a first processing unit and a view rendering unit.

[0098] The first processing unit can be used to add the network container layer corresponding to the target video to an empty full-screen view in response to the full-screen playback instruction for the target video.

[0099] The view rendering unit can be used to render the full-screen view according to a preset rendering size to obtain the preliminary full-screen view.

[0100] In some embodiments of this disclosure, the second display module 530 may specifically include a second processing unit and a second display unit.

[0101] The second processing unit can be used to scale the initial full-screen view according to a preset scaling ratio to obtain the final full-screen view.

[0102] The second display unit can be used to add the final full-screen view to the full-screen view container layer and display it on the display screen.

[0103] It should be noted that, Figure 5 The video full-screen display device 500 shown can perform... Figures 1 to 4 The various steps in the method embodiment shown are implemented. Figures 1 to 4 The processes and effects in the method embodiments shown are not described in detail here.

[0104] Figure 6 A schematic diagram of the structure of a full-screen video display device provided in an embodiment of this disclosure is shown.

[0105] In some embodiments of this disclosure, Figure 6 The video full-screen display device shown can be any electronic device that the user wants to display video in full screen. Specifically, the electronic device can include, but is not limited to, mobile terminals such as mobile phones, in-vehicle devices, vehicle controllers, tablets, wearable devices, and smart home devices.

[0106] like Figure 6 As shown, the full-screen video display device may include a processor 601 and a memory 602 storing computer program instructions.

[0107] Specifically, the processor 601 may include a central processing unit (CPU), an application-specific integrated circuit (ASIC), or one or more integrated circuits that can be configured to implement the embodiments of this application.

[0108] Memory 602 may include a large-capacity storage for information or instructions. For example, and not limitingly, memory 602 may include a hard disk drive (HDD), a floppy disk drive, flash memory, optical disk, magneto-optical disk, magnetic tape, or a Universal Serial Bus (USB) drive, or a combination of two or more of these. Where appropriate, memory 602 may include removable or non-removable (or fixed) media. Where appropriate, memory 602 may be internal or external to the integrated gateway device. In a particular embodiment, memory 602 is a non-volatile solid-state memory. In a particular embodiment, memory 602 includes read-only memory (ROM). Where appropriate, the ROM may be a mask-programmed ROM, a programmable ROM (PROM), an erasable PROM (Electrically Programmable ROM, EPROM), an electrically erasable programmable PROM (EEPROM), an electrically alterable ROM (EAROM), or flash memory, or a combination of two or more of these.

[0109] The processor 601 reads and executes computer program instructions stored in the memory 602 to perform the steps of the video full-screen display method provided in this embodiment of the disclosure.

[0110] In one example, the full-screen video display device may also include a transceiver 603 and a bus 604. Wherein, as... Figure 6 As shown, the processor 601, memory 602 and transceiver 603 are connected via bus 604 and communicate with each other.

[0111] Bus 604 includes hardware, software, or both. For example, and not limitingly, the bus may include an Accelerated Graphics Port (AGP) or other graphics bus, an Extended Industry Standard Architecture (EISA) bus, a Front Side Bus (FSB), a Hyper Transport (HT) interconnect, an Industrial Standard Architecture (ISA) bus, an Infinite Bandwidth Interconnect, a Low Pin Count (LPC) bus, a memory bus, a Micro Channel Architecture (MCA) bus, a Peripheral Component Interconnect (PCI) bus, a PCI-Express (PCI-X) bus, a Serial Advanced Technology Attachment (SATA) bus, a Video Electronics Standards Association Local Bus (VLB) bus, or other suitable buses, or a combination of two or more of these. Where appropriate, bus 604 may include one or more buses. Although specific buses are described and illustrated in the embodiments of this application, this application considers any suitable bus or interconnection.

[0112] This disclosure also provides a computer-readable storage medium that can store a computer program that, when executed by a processor, enables the processor to implement the video full-screen display method provided in this disclosure.

[0113] The aforementioned storage medium may, for example, include a memory 602 containing computer program instructions, which can be executed by the processor 601 of the full-screen video display device to complete the full-screen video display method provided in this embodiment. Optionally, the storage medium may be a non-transitory computer-readable storage medium, such as a ROM, random access memory (RAM), compact disc-only memory (CD-ROM), magnetic tape, floppy disk, and optical data storage device.

[0114] This disclosure also provides a vehicle that includes the video full-screen display device as described above. It is understood that the vehicle may also include a processor, a memory, and a computer program. The computer program is stored in the memory and configured to be executed by the processor to implement the video full-screen display method provided in this disclosure. The processor and memory are already... Figure 6 The parts of the illustrated embodiments will not be repeated here.

[0115] It should be noted that, in this document, relational terms such as "first" and "second" are used merely to distinguish one entity or operation from another, and do not necessarily require or imply any such actual relationship or order between these entities or operations. Furthermore, the term "comprising" is intended to cover non-exclusive inclusion, such that a process, method, article, or apparatus that comprises a list of elements includes not only those elements but also other elements not expressly listed, or elements inherent to such a process, method, article, or apparatus.

[0116] The above description is merely a specific embodiment of this disclosure, enabling those skilled in the art to understand or implement it. Various modifications to these embodiments will be readily apparent to those skilled in the art, and the general principles defined herein may be implemented in other embodiments without departing from the spirit or scope of this disclosure. Therefore, this disclosure is not to be limited to the embodiments described herein, but is to be accorded the widest scope consistent with the principles and novel features disclosed herein.

Claims

1. A method for full-screen video display, characterized in that, include: The target webpage, including the target video, is displayed on a monitor screen. In response to the full-screen playback command for the target video, the target video is rendered according to a preset rendering size to obtain a preliminary full-screen view; The initial full-screen view is scaled according to a preset scaling ratio to obtain the final full-screen view, which is then displayed on the monitor screen.

2. The method according to claim 1, characterized in that, The step of displaying the target webpage on the monitor screen includes: In non-fullscreen mode, the target video is displayed in the video rendering area of ​​the target webpage, and the display interface of the target video includes the video screen and user interface controls.

3. The method according to claim 1, characterized in that, Prior to responding to a full-screen playback command for the target video, the method further includes: Determine the size data of the display screen, the size data including the screen width and screen height; The preset rendering size is obtained by calculating the size data of the display screen and the preset ratio.

4. The method according to claim 1, characterized in that, The step of rendering the target video according to a preset rendering size in response to a full-screen playback command for the target video to obtain a preliminary full-screen view includes: In response to the full-screen playback command for the target video, the network container layer corresponding to the target video is added to an empty full-screen view; The full-screen view is rendered according to the preset rendering size to obtain the preliminary full-screen view.

5. The method according to claim 1, characterized in that, The step of scaling the initial full-screen view according to a preset scaling ratio to obtain the final full-screen view and displaying it on the display screen includes: The initial full-screen view is scaled according to a preset scaling ratio to obtain the final full-screen view; The final full-screen view is added to the full-screen view container layer and displayed on the display screen.

6. A full-screen video display device, characterized in that, include: A first display module is used to display a target webpage on a display screen, the target webpage including a target video; The video rendering module is used to respond to the full-screen playback command of the target video, render the target video according to the preset rendering size, and obtain a preliminary full-screen view; The second display module is used to scale the initial full-screen view according to a preset scaling ratio to obtain the final full-screen view and display it on the display screen.

7. A full-screen video display device, characterized in that, include: processor; Memory, used to store executable instructions; The processor is configured to read the executable instructions from the memory and execute the executable instructions to implement the video full-screen display method according to any one of claims 1-5.

8. A computer-readable storage medium, characterized in that, The storage medium stores a computer program that, when executed by a processor, causes the processor to implement the video full-screen display method according to any one of claims 1-5.

9. A vehicle, characterized in that, Includes the video full-screen display device as described in claim 6, the video full-screen display apparatus as described in claim 7, or the computer-readable storage medium as described in claim 8.

Images