WO2021189712A1 - 网页视频全屏播放切换小窗口播放的方法及显示设备 - Google Patents

网页视频全屏播放切换小窗口播放的方法及显示设备 Download PDF

Info

Publication number
WO2021189712A1
WO2021189712A1 PCT/CN2020/101152 CN2020101152W WO2021189712A1 WO 2021189712 A1 WO2021189712 A1 WO 2021189712A1 CN 2020101152 W CN2020101152 W CN 2020101152W WO 2021189712 A1 WO2021189712 A1 WO 2021189712A1
Authority
WO
WIPO (PCT)
Prior art keywords
video
webpage
full
display device
screen
Prior art date
Application number
PCT/CN2020/101152
Other languages
English (en)
French (fr)
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 WO2021189712A1 publication Critical patent/WO2021189712A1/zh

Links

Images

Classifications

    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/47—End-user applications
    • H04N21/478—Supplemental services, e.g. displaying phone caller identification, shopping application
    • H04N21/4782—Web browsing, e.g. WebTV
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/43—Processing of content or additional data, e.g. demultiplexing additional data from a digital video stream; Elementary client operations, e.g. monitoring of home network or synchronising decoder's clock; Client middleware
    • H04N21/431—Generation of visual interfaces for content selection or interaction; Content or additional data rendering
    • H04N21/4312—Generation of visual interfaces for content selection or interaction; Content or additional data rendering involving specific graphical features, e.g. screen layout, special fonts or colors, blinking icons, highlights or animations
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/43—Processing of content or additional data, e.g. demultiplexing additional data from a digital video stream; Elementary client operations, e.g. monitoring of home network or synchronising decoder's clock; Client middleware
    • H04N21/443—OS processes, e.g. booting an STB, implementing a Java virtual machine in an STB or power management in an STB
    • H04N21/4438—Window management, e.g. event handling following interaction with the user interface

Definitions

  • the present application relates to the field of display technology, and in particular to a method and display device for switching a small window for full-screen playback of a webpage video.
  • smart TVs have more and more functions. Users can open webpages through the browser installed on smart TVs and watch webpage videos in webpages. In addition, because smart TVs have the advantage of large screens, users can watch webpages on smart TVs. The video experience is better.
  • This application provides a method and a display device for switching a webpage video from full-screen playback to small window playback, so that when webpage video is switched from full-screen playback to small window playback, a normal ratio of webpage videos can be displayed, thereby improving user viewing experience.
  • a display device including:
  • a display for displaying a webpage, and a player for playing webpage videos is embedded in the webpage;
  • User interface used to receive instructions entered by the user
  • the controller is used to execute: in the process of playing the webpage video in the website opened through the browser in full screen, in response to the instruction of switching the webpage video from full-screen playback to small window playback, control the width and width of the webpage video corresponding to the video signal of the video signal. / Or the height is reduced.
  • a method for switching a webpage video to full-screen playback in a small window includes: during full-screen playback of a webpage video in a website opened through a browser, in response to an instruction to switch the webpage video from full-screen playback to small-window playback , Control the width and/or height reduction in the label of the corresponding video signal of the webpage video.
  • FIG. 1A exemplarily shows a schematic diagram of an operation scene between a display device and a control device
  • FIG. 1B exemplarily shows a configuration block diagram of the control device 100 in FIG. 1A;
  • FIG. 1C exemplarily shows a configuration block diagram of the display device 200 in FIG. 1A;
  • FIG. 1D exemplarily shows a block diagram of the architecture configuration of the operating system in the memory of the display device 200
  • FIG. 2 exemplarily shows a schematic diagram of a GUI provided by the display device 200
  • FIG. 3 exemplarily shows a schematic diagram of another GUI provided by the display device 200
  • FIG. 4 exemplarily shows a schematic diagram of another GUI provided by the display device 200
  • Fig. 5 exemplarily shows a flow chart of a method for switching a small window to play a webpage video in full screen.
  • user interface in this application refers to a medium interface for interaction and information exchange between an application or operating system and a user. It realizes the conversion between the internal form of information and the form acceptable to the user.
  • the commonly used form of user interface is a graphical user interface (graphic user interface, GUI), which refers to a user interface related to computer operations that is displayed in a graphical manner. It can be an icon, window, control and other interface elements displayed on the display of the display device.
  • the control can include icons, buttons, menus, tabs, text boxes, dialog boxes, status bars, navigation bars, Widgets, etc. Visual interface elements.
  • FIG. 1A exemplarily shows a schematic diagram of an operation scene between the display device and the control device.
  • the control device 100 and the display device 200 can communicate in a wired or wireless manner.
  • control device 100 is configured to control the display device 200, which can receive operation instructions input by the user, and convert the operation instructions into instructions that the display device 200 can recognize and respond to, and act as an intermediary for the interaction between the user and the display device 200 effect.
  • the user operates the channel addition and subtraction keys on the control device 100, and the display device 200 responds to the channel addition and subtraction operations.
  • the control device 100 may be a remote controller 100A, including infrared protocol communication or Bluetooth protocol communication, and other short-distance communication methods, etc., to control the display device 200 in a wireless or other wired manner.
  • the user can control the display device 200 by inputting user instructions through keys on the remote control, voice input, control panel input, etc.
  • the user can control the display device 200 by inputting corresponding control commands through the volume plus and minus keys, channel control keys, up/down/left/right movement keys, voice input keys, menu keys, and power on/off keys on the remote control. Function.
  • the control device 100 may also be a smart device, such as a mobile terminal 100B, a tablet computer, a computer, a notebook computer, and the like.
  • a smart device such as a mobile terminal 100B, a tablet computer, a computer, a notebook computer, and the like.
  • an application program running on a smart device is used to control the display device 200.
  • the application can be configured to provide users with various controls through an intuitive user interface (UI) on the screen associated with the smart device.
  • UI intuitive user interface
  • the mobile terminal 100B may install a software application with the display device 200, realize connection communication through a network communication protocol, and realize the purpose of one-to-one control operation and data communication.
  • the mobile terminal 100B can establish a control instruction protocol with the display device 200, and realize the functions of the physical keys arranged on the remote control 100A by operating various function keys or virtual buttons of the user interface provided on the mobile terminal 100B.
  • the audio and video content displayed on the mobile terminal 100B can also be transmitted to the display device 200 to realize the synchronous display function.
  • the display device 200 may provide a broadcast receiving function and a network TV function of a computer support function.
  • the display device can be implemented as digital TV, Internet TV, Internet Protocol TV (IPTV), and so on.
  • the display device 200 may be a liquid crystal display, an organic light emitting display, or a projection device.
  • the specific display device type, size and resolution are not limited.
  • the display device 200 also performs data communication with the server 300 through a variety of communication methods.
  • the display device 200 may be allowed to communicate through a local area network (LAN), a wireless local area network (WLAN), and other networks.
  • the server 300 may provide various contents and interactions to the display device 200.
  • the display device 200 can send and receive information, such as receiving electronic program guide (EPG) data, receiving software program updates, or accessing a remotely stored digital media library.
  • EPG electronic program guide
  • the server 300 can be one group or multiple groups, and can be one type or multiple types of servers.
  • the server 300 provides other network service content such as video-on-demand and advertising services.
  • FIG. 1B exemplarily shows a configuration block diagram of the control device 100.
  • the control device 100 includes a controller 110, a memory 120, a communicator 130, a user input interface 140, an output interface 150, and a power supply 160.
  • the controller 110 includes a random access memory (RAM) 111, a read only memory (ROM) 112, a processor 113, a communication interface, and a communication bus.
  • RAM random access memory
  • ROM read only memory
  • the controller 110 is used to control the operation and operation of the control device 100, as well as the communication and cooperation between internal components, and external and internal data processing functions.
  • the controller 110 may control to generate a signal corresponding to the detected interaction, and This signal is sent to the display device 200.
  • the memory 120 is used to store various operating programs, data, and applications for driving and controlling the control device 100 under the control of the controller 110.
  • the memory 120 can store various control signal instructions input by the user.
  • the communicator 130 realizes the communication of control signals and data signals with the display device 200 under the control of the controller 110.
  • the control device 100 sends a control signal (such as a touch signal or a button signal) to the display device 200 via the communicator 130, and the control device 100 can receive the signal sent by the display device 200 via the communicator 130.
  • the communicator 130 may include an infrared signal interface 131 and a radio frequency signal interface 132.
  • the user input instruction needs to be converted into an infrared control signal according to the infrared control protocol, and sent to the display device 200 via the infrared sending module.
  • a radio frequency signal interface a user input instruction needs to be converted into a digital signal, which is then modulated according to the radio frequency control signal modulation protocol, and then sent to the display device 200 by the radio frequency sending terminal.
  • the user input interface 140 may include at least one of a microphone 141, a touch panel 142, a sensor 143, a button 144, etc., so that the user can input user instructions for controlling the display device 200 to the control device through voice, touch, gesture, pressing, etc. 100.
  • the output interface 150 outputs a user instruction received by the user input interface 140 to the display device 200, or outputs an image or voice signal received by the display device 200.
  • the output interface 150 may include an LED interface 151, a vibration interface 152 that generates vibration, a sound output interface 153 that outputs a sound, a display 154 that outputs an image, and the like.
  • the remote controller 100A can receive output signals such as audio, video, or data from the output interface 150, and display the output signals as images on the display 154, as audio on the sound output interface 153, or as vibration on the vibration interface 152. form.
  • the power supply 160 is used to provide operating power support for each element of the control device 100 under the control of the controller 110.
  • the form can be battery and related control circuit.
  • FIG. 1C exemplarily shows a block diagram of the hardware configuration of the display device 200.
  • the display device 200 may include a tuner and demodulator 210, a communicator 220, a detector 230, an external device interface 240, a controller 250, a memory 260, a user interface 265, a video processor 270, a display 275, Audio processor 280, audio output interface 285, and power supply 290.
  • the tuner and demodulator 210 which receives broadcast television signals through wired or wireless means, can perform modulation and demodulation processing such as amplification, mixing and resonance, and is used to demodulate the television selected by the user from multiple wireless or cable broadcast television signals
  • modulation and demodulation processing such as amplification, mixing and resonance
  • the audio and video signals carried in the frequency of the channel, as well as additional information (such as EPG data).
  • the tuner and demodulator 210 can be selected by the user and controlled by the controller 250 to respond to the frequency of the television channel selected by the user and the television signal carried by the frequency.
  • the tuner and demodulator 210 can receive signals in many ways according to different broadcasting formats of TV signals, such as terrestrial broadcasting, cable broadcasting, satellite broadcasting or Internet broadcasting; and according to different modulation types, it can be digital modulation or analog Modulation method; and according to different types of received TV signals, analog signals and digital signals can be demodulated.
  • different broadcasting formats of TV signals such as terrestrial broadcasting, cable broadcasting, satellite broadcasting or Internet broadcasting
  • modulation types it can be digital modulation or analog Modulation method
  • received TV signals, analog signals and digital signals can be demodulated.
  • the tuner demodulator 210 may also be in an external device, such as an external set-top box.
  • the set-top box outputs a TV signal after modulation and demodulation, and is input to the display device 200 through the external device interface 240.
  • the communicator 220 is a component used to communicate with external devices or external servers according to various types of communication protocols.
  • the display device 200 may transmit content data to an external device connected via the communicator 220, or browse and download content data from an external device connected via the communicator 220.
  • the communicator 220 may include a network communication protocol module such as a WIFI module 221, a Bluetooth module 222, and a wired Ethernet module 223 or a near field communication protocol module, so that the communicator 220 can receive the control signal of the control device 100 according to the control of the controller 250, and Realize the control signal as WIFI signal, Bluetooth signal, radio frequency signal, etc.
  • the detector 230 is a component of the display device 200 for collecting signals from the external environment or interacting with the outside.
  • the detector 230 may include a sound collector 231, such as a microphone, which may be used to receive a user's voice, such as a voice signal of a control instruction for the user to control the display device 200; or, it may collect environmental sounds used to identify the type of environmental scene to realize display
  • the device 200 can adapt to environmental noise.
  • the detector 230 may also include an image collector 232, such as a camera, a camera, etc., which may be used to collect external environment scenes to adaptively change the display parameters of the display device 200; and to collect The attributes of the user or interactive gestures with the user to achieve the function of interaction between the display device and the user.
  • an image collector 232 such as a camera, a camera, etc., which may be used to collect external environment scenes to adaptively change the display parameters of the display device 200; and to collect The attributes of the user or interactive gestures with the user to achieve the function of interaction between the display device and the user.
  • the detector 230 may further include a light receiver, which is used to collect the ambient light intensity to adapt to changes in display parameters of the display device 200 and so on.
  • the detector 230 may also include a temperature sensor.
  • the display device 200 may adaptively adjust the display color temperature of the image. Exemplarily, when the temperature is relatively high, the color temperature of the display device 200 can be adjusted to be colder; when the temperature is relatively low, the color temperature of the display device 200 can be adjusted to be warmer.
  • the external device interface 240 is a component that provides the controller 250 to control data transmission between the display device 200 and external devices.
  • the external device interface 240 can be connected to external devices such as set-top boxes, game devices, notebook computers, etc. in a wired/wireless manner, and can receive external devices such as video signals (such as moving images), audio signals (such as music), and additional information (such as EPG). ) And other data.
  • the external device interface 240 may include: a high-definition multimedia interface (HDMI) terminal 241, a composite video blanking synchronization (CVBS) terminal 242, an analog or digital component terminal 243, a universal serial bus (USB) terminal 244, and a component (Component) Any one or more of terminals (not shown in the figure), red, green and blue (RGB) terminals (not shown in the figure), etc.
  • HDMI high-definition multimedia interface
  • CVBS composite video blanking synchronization
  • USB universal serial bus
  • Component Any one or more of terminals (not shown in the figure), red, green and blue (RGB) terminals (not shown in the figure), etc.
  • the controller 250 controls the work of the display device 200 and responds to user operations by running various software control programs (such as an operating system and various application programs) stored on the memory 260.
  • the controller can be implemented as a chip (System-on-a-Chip, SOC).
  • the controller 250 includes a random access memory (RAM) 251, a read only memory (ROM) 252, a graphics processor 253, a processor 254, a communication interface 255, and a communication bus 256.
  • RAM random access memory
  • ROM read only memory
  • the RAM 251, the ROM 252, the graphics processor 253, and the processor 254 communication interface 255 are connected through a communication bus 256.
  • ROM252 used to store various system startup instructions. For example, when the power-on signal is received, the power of the display device 200 starts to start, and the processor 254 runs the system startup instruction in the ROM 252, and copies the operating system stored in the memory 260 to the RAM 251 to start the operating system. After the operating system is started, the processor 254 copies various application programs in the memory 260 to the RAM 251, and then starts to run and start various application programs.
  • the graphics processor 253 is used to generate various graphics objects, such as icons, operation menus, and user input instructions to display graphics.
  • the graphics processor 253 may include an arithmetic unit, which is used to perform operations by receiving various interactive instructions input by the user, and then display various objects according to display attributes; and a renderer, which is used to generate various objects obtained based on the arithmetic unit, and perform operations The rendered result is displayed on the display 275.
  • the processor 254 is configured to execute operating system and application program instructions stored in the memory 260. And according to the received user input instructions, to execute various applications, data and content processing, so as to finally display and play various audio and video content.
  • the processor 254 may include multiple processors.
  • the multiple processors may include a main processor and multiple or one sub-processors.
  • the main processor is configured to perform some initialization operations of the display device 200 in the display device preloading mode, and/or, to display screen operations in the normal mode. Multiple or one sub-processor, used to perform an operation in the standby mode of the display device.
  • the communication interface 255 may include the first interface to the nth interface. These interfaces may be network interfaces connected to external devices via a network.
  • the controller 250 may control the overall operation of the display device 200. For example, in response to receiving a user input command for selecting a GUI object displayed on the display 275, the controller 250 may perform an operation related to the object selected by the user input command.
  • the controller can be implemented as an SOC (System on Chip) or an MCU (Micro Control Unit, Micro Control Unit).
  • the object can be any one of the selectable objects, such as a hyperlink or an icon.
  • the operation related to the selected object for example, the operation of displaying the page, document, image, etc. connected to the hyperlink, or the operation of executing the program corresponding to the object.
  • the user input command for selecting the GUI object may be a command input through various input devices (e.g., mouse, keyboard, touch pad, etc.) connected to the display device 200 or a voice command corresponding to the voice spoken by the user.
  • the memory 260 is used to store various types of data, software programs or application programs for driving and controlling the operation of the display device 200.
  • the memory 260 may include volatile and/or non-volatile memory.
  • the term “memory” includes the memory 260, the RAM 251 and ROM 252 of the controller 250, or the memory card in the display device 200.
  • the memory 260 is specifically used to store the operating program that drives the controller 250 in the display device 200; to store various application programs built in the display device 200 and downloaded from external devices by the user; and to store the configuration provided by the display 275 Data such as various GUIs, various objects related to the GUI, and visual effect images of the selector used to select GUI objects.
  • the memory 260 is specifically used to store drivers and related data of the tuner and demodulator 210, the communicator 220, the detector 230, the external device interface 240, the video processor 270, the display 275, the audio processor 280, etc.
  • external data such as audio and video data
  • user data such as button information, voice information, touch information, etc.
  • the memory 260 specifically stores software and/or programs for representing an operating system (OS). These software and/or programs may include, for example, a kernel, middleware, application programming interface (API), and/or application.
  • OS operating system
  • these software and/or programs may include, for example, a kernel, middleware, application programming interface (API), and/or application.
  • the kernel can control or manage system resources and functions implemented by other programs (such as the middleware, API, or application program); at the same time, the kernel can provide interfaces to allow middleware, API, or application program access control To control or manage system resources.
  • FIG. 1D exemplarily shows a block diagram of the architecture configuration of the operating system in the memory of the display device 200.
  • the operating system architecture consists of the application layer, the middleware layer, and the kernel layer from top to bottom.
  • Application layer system built-in applications and non-system-level applications belong to the application layer. Responsible for direct interaction with users.
  • the application layer can include multiple applications, such as settings applications, e-post applications, media center applications, and so on. These applications can be implemented as web applications, which are executed based on the WebKit engine, and specifically can be developed and executed based on HTML5, Cascading Style Sheets (CSS) and JavaScript.
  • CSS Cascading Style Sheets
  • HTML HyperText Markup Language
  • HTML tags are used to describe text, graphics, animations, sounds, tables, For links, the browser will read the HTML document, explain the content of the tags in the document, and display it in the form of a web page.
  • CSS the full name of Cascading Style Sheets (Cascading Style Sheets), is a computer language used to express the style of HTML files, and can be used to define style structures, such as fonts, colors, and positions. CSS styles can be directly stored in HTML web pages or in separate style files to achieve control over styles in web pages.
  • JavaScript is a language used in web page programming, which can be inserted into HTML pages and interpreted and executed by the browser.
  • the interaction logic of the web application is implemented through JavaScript.
  • JavaScript can encapsulate the JavaScript extension interface through the browser to realize the communication with the kernel layer,
  • the middleware layer can provide some standardized interfaces to support the operation of various environments and systems.
  • the middleware layer can be implemented as the Multimedia and Hypermedia Information Coding Expert Group (MHEG) of the middleware related to data broadcasting, and can also be implemented as the DLNA middleware of the middleware related to external device communication, and can also be implemented as providing Display the middleware of the browser environment in which each application in the device runs.
  • MHEG Multimedia and Hypermedia Information Coding Expert Group
  • the kernel layer provides core system services, such as file management, memory management, process management, network management, system security authority management and other services.
  • the kernel layer can be implemented as a kernel based on various operating systems, for example, a kernel based on the Linux operating system.
  • the kernel layer also provides communication between system software and hardware, and provides device driver services for various hardware, such as: providing display drivers for displays, camera drivers for cameras, button drivers for remote controls, and WIFI modules Provide WiFi driver, audio driver for audio output interface, power management driver for power management (PM) module, etc.
  • device driver services for various hardware, such as: providing display drivers for displays, camera drivers for cameras, button drivers for remote controls, and WIFI modules Provide WiFi driver, audio driver for audio output interface, power management driver for power management (PM) module, etc.
  • the user interface 265 receives various user interactions. Specifically, it is used to send the input signal of the user to the controller 250, or to transmit the output signal from the controller 250 to the user.
  • the remote control 100A may send input signals such as a power switch signal, a channel selection signal, and a volume adjustment signal input by the user to the user interface 265, and then the user interface 265 transfers to the controller 250; or the remote control 100A may Receive output signals such as audio, video, or data output from the user interface 265 after the controller 250 processes, and display the received output signal or output the received output signal as audio or vibration.
  • the user may input a user command on a graphical user interface (GUI) displayed on the display 275, and the user interface 265 receives the user input command through the GUI.
  • GUI graphical user interface
  • the user interface 265 may receive user input commands for controlling the position of the selector in the GUI to select different objects or items.
  • the user may input a user command by inputting a specific sound or gesture, and the user interface 265 recognizes the sound or gesture through the sensor to receive the user input command.
  • the video processor 270 is used to receive external video signals, and perform video data processing such as decompression, decoding, scaling, noise reduction, frame rate conversion, resolution conversion, and image synthesis according to the standard codec protocol of the input signal.
  • video data processing such as decompression, decoding, scaling, noise reduction, frame rate conversion, resolution conversion, and image synthesis according to the standard codec protocol of the input signal.
  • the video signal displayed or played directly on the display 275.
  • the video processor 270 includes a demultiplexing module, a video decoding module, an image synthesis module, a frame rate conversion module, a display formatting module, and the like.
  • the demultiplexing module is used to demultiplex the input audio and video data stream, such as the input MPEG-2 stream (based on the compression standard of digital storage media moving images and voice), then the demultiplexing module will demultiplex it Multiplexed into video signals and audio signals, etc.
  • the video decoding module is used to process the demultiplexed video signal, including decoding and scaling.
  • An image synthesis module such as an image synthesizer, is used to superimpose and mix the GUI signal generated by the graphics generator with the zoomed video image according to the user input or itself, so as to generate an image signal for display.
  • the frame rate conversion module is used to convert the frame rate of the input video, such as converting the frame rate of the input 60Hz video to a frame rate of 120Hz or 240Hz, and the usual format is realized by such as frame interpolation.
  • the display formatting module is used to change the signal output by the frame rate conversion module to a signal conforming to the display format such as a display, for example, format the signal output by the frame rate conversion module to output RGB data signals.
  • the display 275 is used to receive the image signal input from the video processor 270 to display video content, images, and a menu control interface.
  • the displayed video content can be from the video content in the broadcast signal received by the tuner and demodulator 210, or from the video content input by the communicator 220 or the external device interface 240.
  • the display 275 simultaneously displays a user manipulation interface UI generated in the display device 200 and used to control the display device 200.
  • the display 275 may include a display screen component for presenting a picture and a driving component for driving image display.
  • the display 275 may also include a projection device and a projection screen.
  • the audio processor 280 is used to receive external audio signals, and perform decompression and decoding according to the standard codec protocol of the input signal, as well as audio data processing such as noise reduction, digital-to-analog conversion, and amplification processing, so that it can be stored in the speaker 286 The audio signal to be played.
  • the audio processor 280 may support various audio formats. Such as MPEG-2, MPEG-4, Advanced Audio Coding (AAC), High Efficiency AAC (HE-AAC) and other formats.
  • AAC Advanced Audio Coding
  • HE-AAC High Efficiency AAC
  • the audio output interface 285 is used to receive the audio signal output by the audio processor 280 under the control of the controller 250.
  • the audio output interface 285 may include a speaker 286, or output to an external audio output terminal 287 of a generator of an external device, such as a headset Output terminal.
  • the video processor 270 may include one or more chips.
  • the audio processor 280 may also include one or more chips.
  • the video processor 270 and the audio processor 280 may be separate chips, or may be integrated with the controller 250 in one or more chips.
  • the power supply 290 is used to provide power supply support for the display device 200 with power input from an external power supply under the control of the controller 250.
  • the power supply 290 may be a built-in power supply circuit installed inside the display device 200, or may be a power supply installed outside the display device 200.
  • a user opens a webpage video in a certain website through a browser, and it is displayed as a GUI as shown in FIG. 2, and the webpage video 41 played in full screen is displayed in FIG. 2.
  • the GUI shown in Fig. 2 displayed on the display is transformed into a schematic diagram of the GUI shown in Fig. 3.
  • the GUI display in Fig. 3 includes web page 42 and The webpage video 43 is played in the small window, but the proportion of the characters in the webpage video in FIG. 3 is not reduced, so that the user cannot view the complete character image in the small window.
  • the user in the process of playing the webpage video in full screen, the user can use the control device to input an instruction to switch the webpage video from full-screen playback to small window playback.
  • the display device displays a schematic diagram of a GUI as shown in FIG. 4.
  • the GUI display in FIG. 4 includes a web page 42 and a web video 43 played in a small window. The proportion of characters in the web video is reduced so that the user can view the complete character image in the small window.
  • This application provides a method for switching a webpage video in full-screen playback to a small window.
  • the embodiments of this application are directed to the process of switching from full-screen playback to small-window playback on a webpage video on a website opened by a browser.
  • FIG. 5 is a flowchart of a method for switching a small window to play a webpage video in full screen in an embodiment of the application.
  • S100 Determine whether the website opened through the browser is a preset website, where the preset website is used to indicate a website corresponding to a webpage video that cannot be played in a normal ratio when switching from a full screen to a small window.
  • the preset website can be obtained through a test in advance, for example, open the Youku website through a browser, select the webpage video to be watched on the Youku website through the control device and play the webpage video in full screen, when the input webpage video is switched from full screen playback to small window playback If the webpage video played in a small window cannot be played in the normal ratio, youku is determined to be the default website.
  • the user interaction interface displayed on the display includes an OSD layer and a video layer set up from top to bottom, and the content displayed on the video layer is controlled by the player.
  • the OSD layer is all set to be transparent, and the length and width of the player are the size of the user interaction interface displayed on the display.
  • S200 If the website opened through the browser is a preset website, obtain a tag of the video signal corresponding to the webpage video and a tag of the player, the tag including various attributes, such as width and height.
  • the length and width of the player are reduced to the size when the webpage video is played in the small window, part of the OSD layer is set to be transparent, and other parts are displayed
  • the transparent part of the OSD layer overlaps the webpage video played by the player, so that when the user watches the display device, the user interaction page displayed on the display includes both the webpage video played in the small window and the webpage page.
  • the width and/or height in the label of the video signal corresponding to the control webpage video is reduced, because when only the size of the player is reduced, the display problem in the GUI as shown in FIG. 3 is likely to occur.
  • the embodiment reduces the height and/or width in the video signal label to ensure the integrity of the image in the displayed GUI.
  • controlling the width and/or height reduction in the tag of the video signal corresponding to the webpage video includes:
  • the width in the label of the video signal is set to be equal to the width in the label of the player, and the height in the label of the video signal is set to be equal to the height in the label of the player.
  • a JavaScript script can be injected into the webpage provided by the browser, and the JavaScript script is used to determine that the webpage is provided by the above-mentioned preset website, then the webpage video object in the webpage is obtained, and then the corresponding video signal tag Width and height attributes.
  • the JavaScript script monitors the change in the width and height attributes of the player object's tag in the webpage, and then sets the width and width of the two to be equal.
  • the width and height of the label of the video signal and the label of the player are set to equal numbers. In this way, there will be no problem that only the size of the player is reduced, and the video signal is not correspondingly reduced.

Landscapes

  • Engineering & Computer Science (AREA)
  • Multimedia (AREA)
  • Signal Processing (AREA)
  • Human Computer Interaction (AREA)
  • Software Systems (AREA)
  • Controls And Circuits For Display Device (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本申请实施例涉及显示技术领域，尤其涉及一种网页视频全屏播放切换小窗口播放的方法及显示设备，本申请实施例中，可以使网页视频由全屏播放切换为小窗口播放时，网页视频以正常比例显示。该方法简单易行，浏览器负担较小且能有效解决网站不兼容的问题。该方法包括：在全屏播放通过浏览器打开的网站中的网页视频过程中，响应于网页视频由全屏播放切换为小窗口播放的指令，控制网页视频对应视频信号的标签中的宽度和/或高度缩小。

Description

网页视频全屏播放切换小窗口播放的方法及显示设备
本申请要求在2020年3月23日提交中国专利局、申请号为CN202010209510.5、申请名称为“网页视频全屏播放切换小窗口播放的方法及显示设备”的优先权；其全部内容通过引用结合在本申请中。
技术领域
本申请涉及显示技术领域，尤其涉及一种网页视频全屏播放切换小窗口播放的方法及显示设备。
背景技术
众所周知，智能电视的功能越来越多，用户可以通过安装在智能电视的浏览器打开网页，观看网页内的网页视频，另外，由于智能电视具有屏幕大的优势，所以用户在智能电视上观看网页视频的体验更好。
但是由于智能电视相比于智能手机、平板电脑等设备的起步较晚，所以很多网站与智能电视的兼容性不好，常会出现网页视频由全屏播放切换为小窗口播放时，网页视频显示的比例不正常，导致用户不能观看到网页视频中的完整图像，最终影响用户在智能电视上观看网页视频的体验。
发明内容
本申请提供一种网页视频全屏播放切换小窗口播放的方法及显示设备，以使网页视频由全屏播放切换为小窗口播放时，能显示正常比例的网页视频，提高用户观看体验。
第一方面，提供一种显示设备，包括：
显示器，用于显示网页，所述网页中嵌入用于播放网页视频的播放器；
用户接口，用于接收用户输入的指令；
控制器，用于执行：在全屏播放通过浏览器打开的网站中的网页视频过程中，响应于网页视频由全屏播放切换为小窗口播放的指令，控制网页视频对应视频信号的标签中的宽度和/或高度缩小。
第二方面，提供一种网页视频全屏播放切换小窗口播放的方法，包括：在全屏播放通过浏览器打开的网站中的网页视频过程中，响应于网页视频由全屏播放切换为小窗口播放的指令，控制网页视频对应视频信号的标签中的宽度和/或高度缩小。
附图说明
为了更清楚地说明本申请实施例中的实施方案，下面将对实施例描述中所需要使用的附图作简要介绍，显而易见地，下面描述中的附图仅仅是本申请的一些实施例，对于本领域的普通技术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。
图1A中示例性示出了显示设备与控制装置之间操作场景的示意图；
图1B中示例性示出了图1A中控制装置100的配置框图；
图1C中示例性示出了图1A中显示设备200的配置框图；
图1D中示例性示出了显示设备200存储器中操作系统的架构配置框图；
图2中示例性示出了显示设备200提供的一个GUI的示意图；
图3中示例性示出了显示设备200提供的又一个GUI的示意图；
图4中示例性示出了显示设备200提供的另一个GUI的示意图；
图5中示例性示出了一种网页视频全屏播放切换小窗口播放的方法的流程图。
具体实施方式
为了使本申请的目的、技术方案和优点更加清楚，下面将结合附图对本申请作进一步地详细描述，显然，所描述的实施例仅仅是本申请一部份实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其它实施例，都属于本申请保护的范围。
本申请中的术语“用户界面”，是应用程序或操作系统与用户之间进行交互和信息交换的介质接口，它实现信息的内部形式与用户可以接受形式之间的转换。用户界面常用的表现形式是图形用户界面(graphicuserinterface，GUI)，是指采用图形方式显示的与计算机操作相关的用户界面。它可以是在显示设备的显示屏中显示的一个图标、窗口、控件等界面元素，其中控件可以包括图标、按钮、菜单、选项卡、文本框、对话框、状态栏、导航栏、Widget等可视的界面元素。
图1A中示例性示出了显示设备与控制装置之间操作场景的示意图。如图1A所示，控制装置100和显示设备200之间可以有线或无线方式进行通信。
其中，控制装置100被配置为控制显示设备200，其可接收用户输入的操作指令，且将操作指令转换为显示设备200可识别和响应的指令，起着用户与显示设备200之间交互的中介作用。如：用户通过操作控制装置100上频道加减键，显示设备200响应频道加减的操作。
控制装置100可以是遥控器100A，包括红外协议通信或蓝牙协议通信，及其他短距离通信方式等，通过无线或其他有线方式来控制显示设备200。用户可以通过遥控器上按键、语音输入、控制面板输入等输入用户指令，来控制显示设备200。如：用户可以通过遥控器上音量加减键、频道控制键、上/下/左/右的移动按键、语音输入按键、菜单键、开关机按键等输入相应控制指令，来实现控制显示设备200的功能。
控制装置100也可以是智能设备，如移动终端100B、平板电脑、计算机、笔记本电脑等。例如，使用在智能设备上运行的应用程序控制显示设备200。该应用程序通过配置可以在与智能设备关联的屏幕上，通过直观的用户界面(UI)为用户提供各种控制。
示例性的，移动终端100B可与显示设备200安装软件应用，通过网络通信协议实现连接通信，实现一对一控制操作的和数据通信的目的。如：可以使移动终端100B与显示设备200建立控制指令协议，通过操作移动终端100B上提供的用户界面的各种功能键或虚拟按钮，来实现如遥控器100A布置的实体按键的功能。也可以将移动终端100B上显示的音视频内容传输到显示设备200上，实现同步显示功能。
显示设备200可提供广播接收功能和计算机支持功能的网络电视功能。显示设备可以实施为，数字电视、网络电视、互联网协议电视(IPTV)等。
显示设备200，可以是液晶显示器、有机发光显示器、投影设备。具体显示设备类型、尺寸大小和分辨率等不作限定。
显示设备200还与服务器300通过多种通信方式进行数据通信。这里可允许显示设备200通过局域网(LAN)、无线局域网(WLAN)和其他网络进行通信连接。服务器300可以向显示设备200提供各种内容和互动。示例的，显示设备200可以发送和接收信息，例如：接收电子节目指南(EPG)数据、接收软件程序更新、或访问远程储存的数字媒体库。服务器300可以一组，也可以多组，可以一类或多类服务器。通过服务器300提供视频点播和广告服务等其他网络服务内容。
图1B中示例性示出了控制装置100的配置框图。如图1B所示，控制装置100包括控制器110、存储器120、通信器130、用户输入接口140、输出接口150、供电电源160。
控制器110包括随机存取存储器(RAM)111、只读存储器(ROM)112、处理器113、通信接口以及通信总线。控制器110用于控制控制装置100的运行和操作，以及内部各部件之间的通信协作、外部和内部的数据处理功能。
示例性的，当检测到用户按压在遥控器100A上布置的按键的交互或触摸在遥控器100A上布置的触摸面板的交互时，控制器110可控制产生与检测到的交互相应的信号，并将该信号发送到显示设备200。
存储器120，用于在控制器110的控制下存储驱动和控制控制装置100的各种运行程序、数据和应用。存储器120，可以存储用户输入的各类控制信号指令。
通信器130在控制器110的控制下，实现与显示设备200之间控制信号和数据信号的通信。如：控制装置100经由通信器130将控制信号(例如触摸信号或按钮信号)发送至显示设备200上，控制装置100可经由通信器130接收由显示设备200发送的信号。通信器130可以包括红外信号接口131和射频信号接口132。例如：红外信号接口时，需要将用户输入指令按照红外控制协议转化为红外控制信号，经红外发送模块进行发送至显示设备200。再如：射频信号接口时，需将用户输入指令转化为数字信号，然后按照射频控制信号调制协议进行调制后，由射频发送端子发送至显示设备200。
用户输入接口140，可包括麦克风141、触摸板142、传感器143、按键144等中至少一者，从而用户可以通过语音、触摸、手势、按压等将关于控制显示设备200的用户指令输入到控制装置100。
输出接口150，通过将用户输入接口140接收的用户指令输出至显示设备200，或者，输出由显示设备200接收的图像或语音信号。这里，输出接口150可以包括LED接口151、产生振动的振动接口152、输出声音的声音输出接口153和输出图像的显示器154等。例如，遥控器100A可从输出接口150接收音频、视频或数据等输出信号，并且将输出信号在显示器154上显示为图像形式、在声音输出接口153输出为音频形式或在振动接口152输出为振动形式。
供电电源160，用于在控制器110的控制下为控制装置100各元件提供运行电力支持。形式可以为电池及相关控制电路。
图1C中示例性示出了显示设备200的硬件配置框图。如图1C所示，显示设备200中可以包括调谐解调器210、通信器220、检测器230、外部装置接口240、控制器250、存储器260、用户接口265、视频处理器270、显示器275、音频处理器280、音频输出接口285、供电电源290。
调谐解调器210，通过有线或无线方式接收广播电视信号，可以进行放大、混频和谐振等调制解调处理，用于从多个无线或有线广播电视信号中解调出用户所选择的电视频道的频率中所携带的音视频信号，以及附加信息(例如EPG数据)。
调谐解调器210，可根据用户选择，以及由控制器250控制，响应用户选择的电视频道的频率以及该频率所携带的电视信号。
调谐解调器210，根据电视信号的广播制式不同，可以接收信号的途径有很多种，诸如：地面广播、有线广播、卫星广播或互联网广播等；以及根据调制类型不同，可以数字 调制方式或模拟调制方式；以及根据接收电视信号的种类不同，可以解调模拟信号和数字信号。
在其他一些示例性实施例中，调谐解调器210也可在外部设备中，如外部机顶盒等。这样，机顶盒通过调制解调后输出电视信号，经过外部装置接口240输入至显示设备200中。
通信器220，是用于根据各种通信协议类型与外部设备或外部服务器进行通信的组件。例如显示设备200可将内容数据发送至经由通信器220连接的外部设备，或者，从经由通信器220连接的外部设备浏览和下载内容数据。通信器220可以包括WIFI模块221、蓝牙模块222、有线以太网模块223等网络通信协议模块或近场通信协议模块，从而通信器220可根据控制器250的控制接收控制装置100的控制信号，并将控制信号实现为WIFI信号、蓝牙信号、射频信号等。
检测器230，是显示设备200用于采集外部环境或与外部交互的信号的组件。检测器230可以包括声音采集器231，如麦克风，可以用于接收用户的声音，如用户控制显示设备200的控制指令的语音信号；或者，可以采集用于识别环境场景类型的环境声音，实现显示设备200可以自适应环境噪声。
在其他一些示例性实施例中，检测器230，还可以包括图像采集器232，如相机、摄像头等，可以用于采集外部环境场景，以自适应变化显示设备200的显示参数；以及用于采集用户的属性或与用户交互手势，以实现显示设备与用户之间互动的功能。
在其他一些示例性实施例中，检测器230，还可以包括光接收器，用于采集环境光线强度，以自适应显示设备200的显示参数变化等。
在其他一些示例性实施例中，检测器230，还可以包括温度传感器，如通过感测环境温度，显示设备200可自适应调整图像的显示色温。示例性的，当温度偏高的环境时，可调整显示设备200显示图像色温偏冷色调；当温度偏低的环境时，可以调整显示设备200显示图像色温偏暖色调。
外部装置接口240，是提供控制器250控制显示设备200与外部设备间数据传输的组件。外部装置接口240可按照有线/无线方式与诸如机顶盒、游戏装置、笔记本电脑等外部设备连接，可接收外部设备的诸如视频信号(例如运动图像)、音频信号(例如音乐)、附加信息(例如EPG)等数据。
其中，外部装置接口240可以包括：高清多媒体接口(HDMI)端子241、复合视频消隐同步(CVBS)端子242、模拟或数字分量端子243、通用串行总线(USB)端子244、组件(Component)端子(图中未示出)、红绿蓝(RGB)端子(图中未示出)等任一个或 多个。
控制器250，通过运行存储在存储器260上的各种软件控制程序(如操作系统和各种应用程序)，来控制显示设备200的工作和响应用户的操作。例如，控制器可实现为芯片(System-on-a-Chip，SOC)。
如图1C所示，控制器250包括随机存取存储器(RAM)251、只读存储器(ROM)252、图形处理器253、处理器254、通信接口255、以及通信总线256。其中，RAM251、ROM252以及图形处理器253、处理器254通信接口255通过通信总线256相连接。
ROM252，用于存储各种系统启动指令。如在接收到开机信号时，显示设备200电源开始启动，处理器254运行ROM252中的系统启动指令，将存储在存储器260的操作系统拷贝至RAM251中，以开始运行启动操作系统。当操作系统启动完成后，处理器254再将存储器260中各种应用程序拷贝至RAM251中，然后，开始运行启动各种应用程序。
图形处理器253，用于产生各种图形对象，如图标、操作菜单、以及用户输入指令显示图形等。图形处理器253可以包括运算器，用于通过接收用户输入各种交互指令进行运算，进而根据显示属性显示各种对象；以及包括渲染器，用于产生基于运算器得到的各种对象，将进行渲染的结果显示在显示器275上。
处理器254，用于执行存储在存储器260中的操作系统和应用程序指令。以及根据接收的用户输入指令，来执行各种应用程序、数据和内容的处理，以便最终显示和播放各种音视频内容。
在一些示例性实施例中，处理器254，可以包括多个处理器。多个处理器可包括一个主处理器以及多个或一个子处理器。主处理器，用于在显示设备预加载模式中执行显示设备200的一些初始化操作，和/或，在正常模式下显示画面的操作。多个或一个子处理器，用于执行在显示设备待机模式等状态下的一种操作。
通信接口255，可包括第一接口到第n接口。这些接口可以是经由网络被连接到外部设备的网络接口。
控制器250可以控制显示设备200的整体操作。例如：响应于接收到用于选择在显示器275上显示的GUI对象的用户输入命令，控制器250便可以执行与由用户输入命令选择的对象有关的操作。例如，控制器可实现为SOC(System on Chip,，系统级芯片)或者MCU(Micro Control Unit，微控制单元)。
其中，该对象可以是可选对象中的任何一个，例如超链接或图标。该与所选择的对象有关的操作，例如显示连接到超链接页面、文档、图像等操作，或者执行与对象相对应的程序的操作。该用于选择GUI对象的用户输入命令，可以是通过连接到显示设备200的各 种输入装置(例如，鼠标、键盘、触摸板等)输入命令或者与由用户说出语音相对应的语音命令。
存储器260，用于存储驱动和控制显示设备200运行的各种类型的数据、软件程序或应用程序。存储器260可以包括易失性和/或非易失性存储器。而术语“存储器”包括存储器260、控制器250的RAM251和ROM252、或显示设备200中的存储卡。
在一些实施例中，存储器260具体用于存储驱动显示设备200中控制器250的运行程序；存储显示设备200内置的和用户从外部设备下载的各种应用程序；存储用于配置由显示器275提供的各种GUI、与GUI相关的各种对象及用于选择GUI对象的选择器的视觉效果图像等数据。
在一些实施例中，存储器260具体用于存储调谐解调器210、通信器220、检测器230、外部装置接口240、视频处理器270、显示器275、音频处理器280等的驱动程序和相关数据，例如从外部装置接口接收的外部数据(例如音视频数据)或用户接口接收的用户数据(例如按键信息、语音信息、触摸信息等)。
在一些实施例中，存储器260具体存储用于表示操作系统(OS)的软件和/或程序，这些软件和/或程序可包括，例如：内核、中间件、应用编程接口(API)和/或应用程序。示例性的，内核可控制或管理系统资源，以及其它程序所实施的功能(如所述中间件、API或应用程序)；同时，内核可以提供接口，以允许中间件、API或应用程序访问控制器，以实现控制或管理系统资源。
图1D中示例性示出了显示设备200存储器中操作系统的架构配置框图。该操作系统架构从上到下依次是应用层、中间件层和内核层。
应用层，系统内置的应用程序以及非系统级的应用程序都是属于应用层。负责与用户进行直接交互。应用层可包括多个应用程序，如设置应用程序、电子帖应用程序、媒体中心应用程序等。这些应用程序可被实现为Web应用，其基于WebKit引擎来执行，具体可基于HTML5、层叠样式表(CSS)和JavaScript来开发并执行。
这里，HTML，全称为超文本标记语言(HyperText Markup Language)，是一种用于创建网页的标准标记语言，通过标记标签来描述网页，HTML标签用以说明文字、图形、动画、声音、表格、链接等，浏览器会读取HTML文档，解释文档内标签的内容，并以网页的形式显示出来。
CSS，全称为层叠样式表(Cascading Style Sheets)，是一种用来表现HTML文件样式的计算机语言，可以用来定义样式结构，如字体、颜色、位置等的语言。CSS样式可以直接存储与HTML网页或者单独的样式文件中，实现对网页中样式的控制。
JavaScript，是一种应用于Web网页编程的语言，可以插入HTML页面并由浏览器解释执行。其中Web应用的交互逻辑都是通过JavaScript实现。JavaScript可以通过浏览器，封装JavaScript扩展接口，实现与内核层的通信，
中间件层，可以提供一些标准化的接口，以支持各种环境和系统的操作。例如，中间件层可以实现为与数据广播相关的中间件的多媒体和超媒体信息编码专家组(MHEG)，还可以实现为与外部设备通信相关的中间件的DLNA中间件，还可以实现为提供显示设备内各应用程序所运行的浏览器环境的中间件等。
内核层，提供核心系统服务，例如：文件管理、内存管理、进程管理、网络管理、系统安全权限管理等服务。内核层可以被实现为基于各种操作系统的内核，例如，基于Linux操作系统的内核。
内核层也同时提供系统软件和硬件之间的通信，为各种硬件提供设备驱动服务，例如：为显示器提供显示驱动程序、为摄像头提供摄像头驱动程序、为遥控器提供按键驱动程序、为WIFI模块提供WiFi驱动程序、为音频输出接口提供音频驱动程序、为电源管理(PM)模块提供电源管理驱动等。
用户接口265，接收各种用户交互。具体的，用于将用户的输入信号发送给控制器250，或者，将从控制器250的输出信号传送给用户。示例性的，遥控器100A可将用户输入的诸如电源开关信号、频道选择信号、音量调节信号等输入信号发送至用户接口265，再由用户接口265转送至控制器250；或者，遥控器100A可接收经控制器250处理从用户接口265输出的音频、视频或数据等输出信号，并且显示接收的输出信号或将接收的输出信号输出为音频或振动形式。
在一些实施例中，用户可在显示器275上显示的图形用户界面(GUI)输入用户命令，则用户接口265通过GUI接收用户输入命令。确切的说，用户接口265可接收用于控制选择器在GUI中的位置以选择不同的对象或项目的用户输入命令。
或者，用户可通过输入特定的声音或手势进行输入用户命令，则用户接口265通过传感器识别出声音或手势，来接收用户输入命令。
视频处理器270，用于接收外部的视频信号，根据输入信号的标准编解码协议，进行解压缩、解码、缩放、降噪、帧率转换、分辨率转换、图像合成等视频数据处理，可得到直接在显示器275上显示或播放的视频信号。
示例的，视频处理器270，包括解复用模块、视频解码模块、图像合成模块、帧率转换模块、显示格式化模块等。
其中，解复用模块，用于对输入音视频数据流进行解复用处理，如输入MPEG-2流(基 于数字存储媒体运动图像和语音的压缩标准),则解复用模块将其进行解复用成视频信号和音频信号等。
视频解码模块，用于对解复用后的视频信号进行处理，包括解码和缩放处理等。
图像合成模块，如图像合成器，其用于将图形生成器根据用户输入或自身生成的GUI信号，与缩放处理后视频图像进行叠加混合处理，以生成可供显示的图像信号。
帧率转换模块，用于对输入视频的帧率进行转换，如将输入的60Hz视频的帧率转换为120Hz或240Hz的帧率，通常的格式采用如插帧方式实现。
显示格式化模块，用于将帧率转换模块输出的信号，改变为符合诸如显示器显示格式的信号，如将帧率转换模块输出的信号进行格式转换以输出RGB数据信号。
显示器275，用于接收源自视频处理器270输入的图像信号，进行显示视频内容、图像以及菜单操控界面。显示视频内容，可以来自调谐解调器210接收的广播信号中的视频内容，也可以来自通信器220或外部装置接口240输入的视频内容。显示器275，同时显示显示设备200中产生且用于控制显示设备200的用户操控界面UI。
以及，显示器275可以包括用于呈现画面的显示屏组件以及驱动图像显示的驱动组件。或者，倘若显示器275为一种投影显示器，还可以包括一种投影装置和投影屏幕。
音频处理器280，用于接收外部的音频信号，根据输入信号的标准编解码协议，进行解压缩和解码，以及降噪、数模转换、和放大处理等音频数据处理，得到可以在扬声器286中播放的音频信号。
示例性的，音频处理器280可以支持各种音频格式。例如MPEG-2、MPEG-4、高级音频编码(AAC)、高效AAC(HE-AAC)等格式。
音频输出接口285，用于在控制器250的控制下接收音频处理器280输出的音频信号，音频输出接口285可包括扬声器286，或输出至外接设备的发生装置的外接音响输出端子287，如耳机输出端子。
在其他一些示例性实施例中，视频处理器270可以包括一个或多个芯片组成。音频处理器280，也可以包括一个或多个芯片组成。
以及，在其他一些示例性实施例中，视频处理器270和音频处理器280，可以为单独的芯片，也可以与控制器250一起集成在一个或多个芯片中。
供电电源290，用于在控制器250的控制下，将外部电源输入的电力为显示设备200提供电源供电支持。供电电源290可以是安装在显示设备200内部的内置电源电路，也可以是安装显示设备200外部的电源。
由于智能电视相比于智能手机、平板电脑等设备的起步较晚，所以很多网站与智能电 视的兼容性不好，常会出现网页视频由全屏播放切换为小窗口播放时，网页视频显示的比例不正常，导致用户不能观看到网页视频中的完整图像，最终影响用户在智能电视上观看网页视频的体验。
例如，用户通过浏览器打开某一个网站中的网页视频，显示为如图2所示的一个GUI，在图2中显示有全屏播放的网页视频41。当输入网页视频由全屏播放切换为小窗口播放的指令，显示器上显示的图2所示的GUI，变换为图3所示的一个GUI的示意图，图3中的GUI显示包括网页页面42，以及小窗口播放的网页视频43，但是图3中的网页视频内的人物比例没有缩小，导致用户不能在小窗口中查看到完整的人物图像。
本申请实施例，在全屏播放网页视频的过程中，用户可以利用控制装置输入网页视频由全屏播放切换为小窗口播放的指令，响应于该指令，显示设备显示如图4的一个GUI的示意图。图4中的GUI显示包括网页页面42，以及以小窗口播放的网页视频43，其中，网页视频内的人物比例缩小，使得用户可以在小窗口中查看到完整的人物图像。
本申请提供一种网页视频全屏播放切换小窗口播放的方法，本申请实施例针对的是通过浏览器打开的网站上的网页视频进行由全屏播放切换为小窗口播放的过程。
图5为本申请实施例中一种网页视频全屏播放切换小窗口播放的方法的流程图。
S100、判断通过浏览器打开的网站是否为预设网站，所述预设网站用于指示由全屏切换为小窗口时，不能以正常比例播放的网页视频对应的网站。
所述预设网站可以预先通过测试得到，例如通过浏览器打开优酷网站，通过控制装置选择优酷网站上需要观看的网页视频且以全屏播放网页视频，当输入网页视频由全屏播放切换为小窗口播放的指令，以小窗口播放的网页视频不能以正常比例播放，则确定优酷为预设网站。
具体的，显示器显示的用户交互界面，包括由上至下设置的OSD层和视频层，所述视频层上显示的内容由播放器控制。当全屏播放网页视频时，所述OSD层全部设置为透明，所述播放器的长度和宽度为显示器显示的用户交互界面的尺寸。
S200、如果所述通过浏览器打开的网站为预设网站，则获取网页视频对应视频信号的标签以及播放器的标签，所述标签包括各种属性，例如宽度和高度。
监听所述播放器的标签中的宽度和高度；响应于播放器的标签中的宽度和/或高度缩小，确定输入指示全屏切换小窗口播放网页视频的输入指令。
S300、在全屏播放通过浏览器打开的网站中的网页视频过程中，响应于网页视频由全屏播放切换为小窗口播放的指令，控制网页视频对应视频信号的标签中的宽度和/或高度缩小。
具体的，响应于网页视频由全屏播放切换为小窗口播放的指令，所述播放器的长度和宽度缩小为小窗口播放网页视频时的尺寸，所述OSD层的部分设置为透明，其他部分显示网页页面，且OSD层的透明部分与所述播放器播放的网页视频重合，这样用户在观看显示设备时，显示器显示的用户交互页面既包括小窗口播放的网页视频，还包括网页页面。
同时，本申请实施例中控制网页视频对应视频信号的标签中的宽度和/或高度缩小，因为当仅播放器的尺寸缩小，很容易出现如图3所示的GUI中显示的问题，本申请实施例将视频信号标签中的高度和/或宽度缩小，可以保证显示的GUI中的图像的完整性。
在一些实施例中，所述控制网页视频对应视频信号的标签中的宽度和/或高度缩小包括：
设置所述视频信号的标签中的宽度等于所述播放器的标签中的宽度，以及，设置所述视频信号的标签中高度等于所述播放器的标签中的高度。
具体的，可以在浏览器提供的网页内注入JavaScript脚本，通过该JavaScript脚本判断该网页由上述预设网站提供，则获取网页页面内的网页视频对象，进而获取到其对应视频信号的标签中的宽度和高度属性。当网页视频由全屏播放切换为小窗口播放时，通过该JavaScript脚本监听到网页页面内播放器对象的标签中的宽度和高度属性发生变化，则设置二者的宽度和宽度均相等。
为了确保视频信号与所述播放器可以等比例缩小，本申请实施例中，将视频信号的标签与所述播放器的标签中的宽度和高度设置为相等数量。这样就不会出现仅播放器的尺寸缩小，而视频信号没有对应缩小的问题。
为了方便解释，已经结合具体的实施方式进行了上述说明。但是，上述示例性的讨论不是意图穷尽或者将实施方式限定到上述公开的具体形式。根据上述的教导，可以得到多种修改和变形。上述实施方式的选择和描述是为了更好的解释原理以及实际的应用，从而使得本领域技术人员更好的使用所述实施方式以及适于具体使用考虑的各种不同的变形的实施方式。

Claims (8)

  1. 一种显示设备，其特征在于，包括：
    显示器，用于显示网页，所述网页中嵌入用于播放网页视频的播放器；
    用户接口，用于接收用户输入的指令；
    控制器，用于执行：
    在全屏播放通过浏览器打开的网站中的网页视频过程中，响应于网页视频由全屏播放切换为小窗口播放的指令，控制网页视频对应视频信号的标签中的宽度等于所述播放器的标签中的宽度，以及，所述视频信号的标签中高度等于所述播放器的标签中的高度。
  2. 根据权利要求1所述的显示设备，其特征在于，所述通过浏览器打开的网站为预设网站，所述预设网站用于指示其中的网页视频由全屏切换为小窗口播放时，不能以正常比例播放的网页视频对应的网站。
  3. 根据权利要求2所述的显示设备，其特征在于，所述控制器还用于执行：
    当网页视频由所述预设网站中提供时，获取网页视频对应视频信号的标签中的宽度和高度。
  4. 根据权利要求1所述的显示设备，其特征在于，所述网页视频由全屏播放切换为小窗口播放的指令的确定输入的方法包括：
    监听用于播放网页视频的播放器的标签中的宽度和高度；
    当播放网页视频的播放器的标签中的宽度或/和高度缩小时，确定输入指示全屏切换小窗口播放网页视频的输入指令。
  5. 一种网页视频由全屏播放切换小窗口播放的方法，其特征在于，包括：
    在全屏播放通过浏览器打开的网站中的网页视频过程中，响应于网页视频由全屏播放切换为小窗口播放的指令，控制网页视频对应视频信号的标签中的宽度等于播放器的标签中的宽度，以及，所述视频信号的标签中高度等于播放器的标签中的高度；
    其中，所述网页中嵌入用于播放网页视频的播放器。
  6. 根据权利要求5所述的方法，其特征在于，所述通过浏览器打开的网站为预设网站，所述预设网站用于指示其中的网页视频由全屏切换为小窗口播放时，不能以正常比例播放的网页视频对应的网站。
  7. 根据权利要求6所述的方法，其特征在于，还包括：
    当网页视频由所述预设网站中提供时，获取网页视频对应视频信号的标签中的宽度和高度。
  8. 根据权利要求5所述的方法，其特征在于，所述网页视频由全屏播放切换为小窗口播放的指令的确定输入的方法包括：
    监听用于播放网页视频的播放器的标签中的宽度和高度；
    当播放网页视频的播放器的标签中的宽度或/和高度缩小时，确定输入指示全屏切换小窗口播放网页视频的输入指令。
PCT/CN2020/101152 2020-03-23 2020-07-09 网页视频全屏播放切换小窗口播放的方法及显示设备 WO2021189712A1 (zh)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN202010209510.5 2020-03-23
CN202010209510.5A CN111417027A (zh) 2020-03-23 2020-03-23 网页视频全屏播放切换小窗口播放的方法及显示设备

Publications (1)

Publication Number Publication Date
WO2021189712A1 true WO2021189712A1 (zh) 2021-09-30

Family

ID=71494276

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2020/101152 WO2021189712A1 (zh) 2020-03-23 2020-07-09 网页视频全屏播放切换小窗口播放的方法及显示设备

Country Status (2)

Country Link
CN (1) CN111417027A (zh)
WO (1) WO2021189712A1 (zh)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN115175002A (zh) * 2022-06-28 2022-10-11 青岛海信移动通信技术股份有限公司 一种视频播放方法及设备

Families Citing this family (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN112738605B (zh) * 2020-12-24 2022-06-03 成都卓影科技股份有限公司 一种基于html5的iptv播放器渲染方法
CN113676766A (zh) * 2021-09-02 2021-11-19 中国电信股份有限公司 浏览器视频显示方法及装置、存储介质及电子设备

Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20070136685A1 (en) * 2005-12-08 2007-06-14 Nikhil Bhatla Adaptive Media Player Size
US20080235588A1 (en) * 2007-03-20 2008-09-25 Yahoo! Inc. Media player playlist creation and editing within a browser interpretable document
CN103873938A (zh) * 2012-12-14 2014-06-18 联想(北京)有限公司 基于视频标签的网页视频全屏播放方法和移动终端浏览器
CN104268251A (zh) * 2014-09-30 2015-01-07 北京奇虎科技有限公司 一种网页中视频元素的播放方法和装置
CN104581401A (zh) * 2013-10-10 2015-04-29 腾讯科技（深圳）有限公司 数据播放的方法及装置
CN109547838A (zh) * 2018-12-06 2019-03-29 青岛海信传媒网络技术有限公司 视频窗口的处理方法及装置

Family Cites Families (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103546821B (zh) * 2013-10-30 2017-01-11 乐视致新电子科技（天津）有限公司 一种视频播放界面调整的方法和装置
FR3026589A1 (fr) * 2014-09-30 2016-04-01 Orange Procede et dispositif d'adaptation d'affichage d'un flux video par un client
CN105898615A (zh) * 2015-12-25 2016-08-24 乐视网信息技术（北京）股份有限公司 一种视频显示窗口的切换方法及装置
CN107786906B (zh) * 2016-08-26 2021-05-25 腾讯科技（深圳）有限公司 一种浏览器在独立窗口中播放视频的方法和装置
CN109640158B (zh) * 2019-02-02 2021-03-02 北京字节跳动网络技术有限公司 一种视频播放的控制方法、装置、设备和介质

Patent Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20070136685A1 (en) * 2005-12-08 2007-06-14 Nikhil Bhatla Adaptive Media Player Size
US20080235588A1 (en) * 2007-03-20 2008-09-25 Yahoo! Inc. Media player playlist creation and editing within a browser interpretable document
CN103873938A (zh) * 2012-12-14 2014-06-18 联想(北京)有限公司 基于视频标签的网页视频全屏播放方法和移动终端浏览器
CN104581401A (zh) * 2013-10-10 2015-04-29 腾讯科技（深圳）有限公司 数据播放的方法及装置
CN104268251A (zh) * 2014-09-30 2015-01-07 北京奇虎科技有限公司 一种网页中视频元素的播放方法和装置
CN109547838A (zh) * 2018-12-06 2019-03-29 青岛海信传媒网络技术有限公司 视频窗口的处理方法及装置

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN115175002A (zh) * 2022-06-28 2022-10-11 青岛海信移动通信技术股份有限公司 一种视频播放方法及设备
CN115175002B (zh) * 2022-06-28 2023-11-03 青岛海信移动通信技术有限公司 一种视频播放方法及设备

Also Published As

Publication number Publication date
CN111417027A (zh) 2020-07-14

Similar Documents

Publication Publication Date Title
WO2021109410A1 (zh) 设备唤醒的方法及显示设备
WO2021109491A1 (zh) Epg用户界面的显示方法及显示设备
WO2021169141A1 (zh) 在显示设备中显示音轨语言的方法及显示设备
CN111601134B (zh) 一种显示设备中时间显示方法及显示设备
WO2021189712A1 (zh) 网页视频全屏播放切换小窗口播放的方法及显示设备
WO2021109354A1 (zh) 媒体流数据播放方法及设备
WO2021232558A1 (zh) 流媒体文件播放方法及显示设备
WO2021189708A1 (zh) 一种显示设备开启屏幕保护的方法及显示设备
CN111654743B (zh) 音频播放方法及显示设备
CN111601142B (zh) 一种字幕的显示方法及显示设备
WO2021109450A1 (zh) Epg界面的展示方法及显示设备
WO2021169168A1 (zh) 一种视频文件预览方法及显示设备
CN111246309A (zh) 在显示设备中显示频道列表的方法及显示设备
CN111343492B (zh) 一种浏览器在不同图层的显示方法及显示设备
WO2021134998A1 (zh) 功能设定方法及显示设备
WO2021232914A1 (zh) 一种显示方法及显示设备
WO2021212667A1 (zh) 一种多媒资数据显示方法及显示设备
WO2021174662A1 (zh) 显示设备以及操作指南的显示方法
CN111405329B (zh) 显示设备及epg用户界面显示的控制方法
CN111885415B (zh) 一种音频数据快速输出方法及显示设备
WO2021227232A1 (zh) 一种语言选项和国家选项的显示方法及显示设备
WO2021253592A1 (zh) 一种启动体育模式的方法及显示设备
CN112040285A (zh) 界面显示方法及显示设备
CN111246282B (zh) 显示设备中节目信息获取方法及显示设备
CN113542885B (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: 20927021

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

Country of ref document: EP

Kind code of ref document: A1