CN108933958B - 在用户端实现连麦预览的方法、存储介质、设备及系统 - Google Patents

在用户端实现连麦预览的方法、存储介质、设备及系统 Download PDF

Info

Publication number
CN108933958B
CN108933958B CN201710405788.8A CN201710405788A CN108933958B CN 108933958 B CN108933958 B CN 108933958B CN 201710405788 A CN201710405788 A CN 201710405788A CN 108933958 B CN108933958 B CN 108933958B
Authority
CN
China
Prior art keywords
preview
preview view
view
video
button control
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Active
Application number
CN201710405788.8A
Other languages
English (en)
Other versions
CN108933958A (zh
Inventor
汪刚
陈少杰
张文明
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Wuhan Douyu Network Technology Co Ltd
Original Assignee
Wuhan Douyu Network Technology Co Ltd
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 Wuhan Douyu Network Technology Co Ltd filed Critical Wuhan Douyu Network Technology Co Ltd
Priority to CN201710405788.8A priority Critical patent/CN108933958B/zh
Publication of CN108933958A publication Critical patent/CN108933958A/zh
Application granted granted Critical
Publication of CN108933958B publication Critical patent/CN108933958B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04NPICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/43Processing 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/431Generation of visual interfaces for content selection or interaction; Content or additional data rendering
    • H04N21/4312Generation 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
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04NPICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/47End-user applications
    • H04N21/485End-user interface for client configuration
    • H04N21/4858End-user interface for client configuration for modifying screen layout parameters, e.g. fonts, size of the windows
    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04NPICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N23/00Cameras or camera modules comprising electronic image sensors; Control thereof
    • H04N23/60Control of cameras or camera modules
    • H04N23/64Computer-aided capture of images, e.g. transfer from script file into camera, check of taken image quality, advice or proposal for image composition or decision on when to take image
    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04NPICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N23/00Cameras or camera modules comprising electronic image sensors; Control thereof
    • H04N23/80Camera processing pipelines; Components thereof

Landscapes

  • Engineering & Computer Science (AREA)
  • Multimedia (AREA)
  • Signal Processing (AREA)
  • Human Computer Interaction (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • User Interface Of Digital Computer (AREA)
  • Studio Devices (AREA)

Abstract

本发明公开了一种在用户端实现连麦预览的方法、存储介质、设备及系统,涉及直播应用开发技术领域。该方法包括:创建预览视图界面;在创建的预览视图界面中添加视频预览视图;绘制语音预览视图,将绘制的语音预览视图叠加到视频预览视图之上,同时对语音预览视图进行隐藏操作;在创建的预览视图界面中添加用于实现视频预览视图、语音预览视图切换的手势操作或按钮控件;为手势操作或按钮控件设置事件监听函数,一旦手势操作或按钮控件的事件监听函数监听到切换触发事件,将进行视频预览视图与语音预览视图的切换操作。本发明能为用户端的用户提供连麦预览功能,消除了用户连麦顾虑,提高了用户连麦的积极性,使得直播间内活跃度高。

Description

在用户端实现连麦预览的方法、存储介质、设备及系统
技术领域
本发明涉及直播应用开发技术领域,具体来讲是一种在用户端实现连麦预览的方法、存储介质、设备及系统。
背景技术
随着互联网技术的迅速发展,越来越多的用户可以使用电脑、手机等终端通过网络观看在线视频直播。在线视频直播是指利用互联网网络资源进行的现场视频直播服务,通过现场的视频拍摄同步发布到网络上,用户可以同一时间在网络上看到实时的现场情况。
目前,随着移动终端设备的快速发展,在直播中进行连麦的情况越来越普遍,很多用户都希望在直播中与主播进行连麦。在直播中进行连麦是指在麦序模式下实现多人同时上麦视频,满足合唱、聊天互动,话剧小品等场景的需要。
但是,在实际的应用中,由于有些用户对于连麦有畏惧心理,特别是第一次发起连麦的用户,因不知道发起连麦后主播和其他用户将会看到自己这边的哪些信息,而存在担心隐私泄漏的顾虑。而目前的直播类应用中又并没有设计类似连麦预览的功能来解决上述问题,从而使得用户连麦意愿低、积极性不高,进而降低了直播间的活跃度。
发明内容
本发明的目的是为了克服上述背景技术的不足,提供一种在用户端实现连麦预览的方法、存储介质、设备及系统,能为用户端的用户提供连麦预览功能,消除了用户连麦顾虑,提高了用户连麦的积极性,使得直播间内活跃度高。
为达到以上目的,本发明采取的技术方案是:提供一种在用户端实现连麦预览的方法,该方法包括以下步骤:
S1、创建预览视图界面,并在预览视图界面中显示要连麦的主播的信息;
S2、在创建的预览视图界面中添加视频预览视图,所述视频预览视图为摄像头采集的图像且该图像经过实时美颜处理;
S3、绘制语音预览视图,所述语音预览视图为一个波纹扩散效果的视图;将绘制的语音预览视图叠加到所述视频预览视图之上,同时对所述语音预览视图进行隐藏操作;
S4、在创建的预览视图界面中添加用于实现视频预览视图、语音预览视图切换的手势操作或按钮控件;为手势操作或按钮控件设置事件监听函数,一旦手势操作或按钮控件的事件监听函数监听到切换触发事件,将进行视频预览视图与语音预览视图的切换操作。
在上述技术方案的基础上,步骤S1中还包括以下操作:在创建的预览视图界面中添加用于实现取消预览视图界面的手势操作或按钮控件;为手势操作或按钮控件设置事件监听函数,一旦手势操作或按钮控件的事件监听函数监听到取消触发事件,将进行取消预览视图界面的操作。
在上述技术方案的基础上,当用户端为具有至少两个摄像头的移动终端设备时,步骤S2中还包括以下操作:在添加视频预览视图的位置处添加用于实现摄像头切换的手势操作或按钮控件;为手势操作或按钮控件设置事件监听函数,一旦手势操作或按钮控件的事件监听函数监听到摄像头切换触发事件,将进行切换摄像头的操作。
本发明还提供一种计算机可读存储介质,其上存储有计算机程序,所述计算机程序被处理器执行时实现上述在用户端实现连麦预览的方法的步骤。
本发明还提供一种在用户端实现连麦预览的设备,包括存储器、处理器及存储在存储器上并在所述处理器上运行的计算机程序,所述处理器执行所述计算机程序时实现上述在用户端实现连麦预览的方法的步骤。
本发明还提供一种在用户端实现连麦预览的系统,该系统包括预览视图界面创建模块、视频预览视图添加模块、语音预览视图绘制隐藏模块和预览视图切换模块;
所述预览视图界面创建模块用于:创建预览视图界面,并在预览视图界面中显示要连麦的主播的信息;
所述视频预览视图添加模块用于:在创建的预览视图界面中添加视频预览视图,所述视频预览视图为摄像头采集的图像且该图像经过实时美颜处理;
所述语音预览视图绘制隐藏模块用于:绘制语音预览视图,所述语音预览视图为一个波纹扩散效果的视图;将绘制的语音预览视图叠加到视频预览视图之上,同时对所述语音预览视图进行隐藏操作;
所述预览视图切换模块用于:在创建的预览视图界面中添加用于实现视频预览视图、语音预览视图切换的手势操作或按钮控件;为手势操作或按钮控件设置事件监听函数,一旦手势操作或按钮控件的事件监听函数监听到切换触发事件,将进行视频预览视图与语音预览视图的切换操作。
在上述技术方案的基础上,该系统还包括取消预览功能设置模块,该取消预览功能设置模块用于:在创建的预览视图界面中添加用于实现取消预览视图界面的手势操作或按钮控件;为手势操作或按钮控件设置事件监听函数,一旦手势操作或按钮控件的事件监听函数监听到取消触发事件,将进行取消预览视图界面的操作。
在上述技术方案的基础上,该系统还包括摄像头切换功能设置模块,该摄像头切换功能设置模块用于:在添加视频预览视图的位置处添加用于实现摄像头切换的手势操作或按钮控件;为手势操作或按钮控件设置事件监听函数,一旦手势操作或按钮控件的事件监听函数监听到摄像头切换触发事件,将进行切换摄像头的操作。
在上述技术方案的基础上,所述预览视图界面创建模块包括创建方法定义子模块、变量定义子模块和创建方法实现子模块;
所述创建方法定义子模块用于:定义预览视图界面创建方法,该预览视图界面创建方法的传入参数包括要连麦的主播的信息;
所述变量定义子模块用于:在预览视图界面创建方法中定义用于保存要连麦的主播的信息的变量;
所述创建方法实现子模块用于:当创建预览视图界面时,调用定义的预览视图界面创建方法创建一个显示视图作为预览视图界面,并将其传入参数中的要连麦的主播的信息赋值给定义的变量;预览视图界面创建方法根据变量中的信息在创建的预览视图界面中显示要连麦的主播的信息。
在上述技术方案的基础上,所述视频预览视图添加模块包括预览方法定义子模块、坐标变量定义子模块、宽高对象定义子模块、美颜参数定义子模块、预览方法实现子模块和视图添加子模块;
所述预览方法定义子模块用于:定义视频预览方法;
所述坐标变量定义子模块用于:在视频预览方法中定义一个坐标变量,该坐标变量用于保存设置的视频预览视图的大小;
所述宽高对象定义子模块用于:在视频预览方法中定义宽、高对象,该宽、高对象用于保存为开启的摄像头所设置的宽度和高度;
所述美颜参数定义子模块用于:在视频预览方法中定义美颜参数,该美颜参数用于保存设置的实时美颜所需的参数;
所述预览方法实现子模块用于:当在创建的预览视图界面中添加视频预览视图时,调用定义的视频预览方法;视频预览方法根据坐标变量的值创建一个显示图层作为视频预览视图,并将当前开启的摄像头采集的图像按照宽、高对象的值实时渲染到视频预览视图;渲染前,视频预览方法根据美颜参数对摄像头采集的图像进行实时美颜;
所述视图添加子模块用于:将渲染后的视频预览视图添加到创建的预览视图界面中。
本发明的有益效果在于:
(1)本发明不但可实现连麦前的视频预览功能和语音预览功能,模拟出真实的连麦效果,而且还能实现语音预览和视频预览的灵活切换,保障了用户最全面、最真实的语音连麦和视频连麦功能的预览。用户通过该预览功能能清楚的了解到发起连麦后主播和其他用户将会看到自己这边的何种情况,从而消除担心隐私泄漏的顾虑,提高了用户连麦的积极性,进而使得直播间内活跃度高。
(2)本发明在实现视频预览时,会对摄像头采集的图像经过实时美颜处理,解决了预览过程中的美颜问题,不但打消了用户担心视频效果不佳的顾虑,而且还能进一步使用户看到的预览效果和真正连麦过程中的效果保持一致,进一步提高了用户连麦的意愿。
(3)本发明中,针对用户端为具有多个摄像头的移动终端设备,如手机、平板电脑等,还在实现视频预览时增设有摄像头切换功能。摄像头切换功能能为用户提供更好的使用体验,满足用户可以随时切换摄像头的需求,也从一定程度上保障了用户隐私(若某个摄像头的图像涉及到用户的隐私,可通过切换摄像头来避免隐私泄漏)。
附图说明
图1为本发明实施例中在用户端实现连麦预览的方法的流程图;
图2为本发明实施例中在用户端实现连麦预览的设备的结构示意图;
图3为本发明实施例中在用户端实现连麦预览的系统的结构框图;
图4为本发明另一实施例中在用户端实现连麦预览的系统的结构框图;
图5为本发明实施例中预览视图界面创建模块的具体结构框图;
图6为本发明实施例中视频预览视图添加模块的具体结构框图。
具体实施方式
下面结合附图及具体实施例对本发明作进一步的详细描述。
参见图1所示,本发明实施例提供一种在用户端实现连麦预览的方法,该方法包括以下步骤:
步骤S1、创建一个预览视图界面,并在该预览视图界面中显示要连麦的主播的信息。
本实施例中,主播的信息包括但不限于:主播名字、主播头像的网络请求地址等。可以理解的是,首先创建一个预览视图界面,是为了为后续进行的视频预览、语音预览,以及语音、视频预览切换等功能提供基础的显示界面。而在该预览视图界面中显示要连麦的主播信息,是为了模拟真实的连麦场景,使用户看到的预览效果和真正连麦过程中的效果保持一致。
在一种实施方式中,步骤S1具体包括以下流程:
步骤S101、定义一个用于创建预览视图界面的预览视图界面创建方法,该预览视图界面创建方法的传入参数包括要连麦的主播的信息。
步骤S102、在预览视图界面创建方法中定义用于保存要连麦的主播的信息的变量。例如,主播的信息包括主播名字、主播头像的网络请求地址等,则对应定义的变量就包括主播名字变量、主播头像的网络地址变量等。
步骤S103、当创建预览视图界面时,调用定义的预览视图界面创建方法创建一个显示视图作为预览视图界面,并将其传入参数中的要连麦的主播的信息赋值给定义的变量;预览视图界面创建方法根据变量中的信息在创建的预览视图界面中显示要连麦的主播的信息。
进一步的,为了提供更好的用户使用体验,满足用户可以随时取消预览的需求,在步骤S1中还需要对取消预览的功能进行设置。具体来说,在一种实施方式中,步骤S1还包括以下操作:在创建的预览视图界面中添加用于实现取消预览视图界面的手势操作或按钮控件;并为手势操作或按钮控件设置事件监听函数,一旦手势操作或按钮控件的事件监听函数监听到触发事件后,就会进行取消预览视图界面的操作。
步骤S2、在创建的预览视图界面中添加视频预览视图,该视频预览视图为摄像头采集的图像且该图像经过实时美颜处理。
步骤S2不但实现了连麦前视频预览的功能,而且步骤S2中所添加的视频预览视图是对摄像头采集的图像经过实时美颜后的图像,解决了预览过程中的美颜问题,不但打消了用户担心视频效果不佳的顾虑,而且还能进一步使用户看到的预览效果和真正连麦过程中的效果保持一致,提高用户连麦的意愿。
在一种实施方式中,步骤S2具体包括以下流程:
步骤S201、定义一个用于实现视频预览功能的视频预览方法。
步骤S202、在视频预览方法中定义一个坐标变量,该坐标变量用于保存设置的视频预览视图的大小,所述视频预览视图的大小包括视频预览视图的宽度、高度、X坐标值、Y坐标值。
步骤S203、在视频预览方法中定义宽、高对象,该宽、高对象用于保存为开启的摄像头所设置的宽度和高度。可以理解的是,为开启的摄像头所设置的宽度和高度就是摄像头采集的图像将显示的宽度和高度。
步骤S204、在视频预览方法中定义美颜参数,该美颜参数用于保存设置的实时美颜所需的参数,所述美颜参数包括视瘦脸的参数、大眼的参数、美肤的参数等。
步骤S205、当在创建的预览视图界面中添加视频预览视图时,调用定义的视频预览方法;视频预览方法根据坐标变量的值创建一个显示图层作为视频预览视图,并将当前开启的摄像头采集的图像按照宽、高对象的值实时渲染到视频预览视图(即显示图层);渲染前,视频预览方法根据美颜参数,使用已有的美颜组件对摄像头采集的图像进行实时美颜。
步骤S206、将渲染后的视频预览视图添加到创建的预览视图界面中。
进一步的,在实际应用中,若用户端为具有至少两个摄像头的移动终端设备,如手机、平板电脑等,则还可以在视频预览时增设摄像头切换功能。具体来说,在一种实施方式中,步骤S2还包括以下操作:在添加视频预览视图的位置处添加用于实现摄像头切换的手势操作或按钮控件;并为手势操作或按钮控件设置事件监听函数,一旦手势操作或按钮控件的事件监听函数监听到触发事件后,就会进行切换摄像头的操作。可以理解的是,进行切换摄像头操作时,实质是对传入视频预览视图的摄像头参数进行修改,该摄像头参数是用来标识和区分每个摄像头的参数,实际应用中,可使用摄像头方向的标识参数(如CameraPosition)或摄像头硬件ID标识参数(如CameraID)等。另外,可以理解的是,当用户多次触发事件监听函数时,可实现所有摄像头的循环切换。摄像头切换功能能为用户提供更好的使用体验,满足用户可以随时切换摄像头的需求,也从一定程度上保障了用户隐私(若某个摄像头的图像涉及到用户的隐私,可通过切换摄像头来避免隐私泄漏)。
步骤S3、绘制语音预览视图,该语音预览视图为一个波纹扩散效果的视图,波纹扩散效果是指波纹在不断的循环由里向外扩散,用来表示连麦在继续;将绘制的语音预览视图叠加到视频预览视图之上,同时对语音预览视图进行隐藏操作。
步骤S3的设计原理为:语音预览区别于视频预览,语音预览功能的实现效果实际上就是绘制一个波纹扩散效果的视图,用户在连麦的过程中波纹在不断的循环由里向外扩散代表连麦在继续。绘制完波纹扩散效果的视图(即语音预览视图)后,将绘制的视图保存到预览视图界面中,即叠加到视频预览视图之上。另外,可以理解的是,由于视频预览视图与语音预览视图无法同时显示,而我们默认的情况下是优先视频预览视图(即用户在无任何操作的时候显示的是视频预览视图),所以,在步骤S3中,将绘制的语音预览视图叠加到视频预览视图的同时,还会将语音预览视图隐藏。
以IOS系统为例,在一种实施方式中,步骤S3的绘制语音预览视图的具体流程可为:
步骤S301、使用模糊类UIVisualEffect创建一个模糊效果背景,该模糊效果背景的坐标值是整个屏幕的边界值。具体实现为:使用模糊类UIVisualEffect调用alloc函数和init初始化方法,创建一个模糊效果背景。
步骤S302、使用图层复制类CAReplicatorLayer的子图层创建方法layer,创建一个上述模糊效果背景的复制子图层replicatorLayer。IOS的图层复制类CAReplicatorLayer可以将自己的子图层复制指定的次数,并且复制体会保持被复制图层的各种基础属性以及动画。
步骤S303、使用基本动画类CABasicAnimation创建一个波纹扩散效果的基本动画scaleAnima,并为创建出来的波纹扩散效果的基本动画设置动画执行的起始位置fromValue和动画执行的终止位置toValue。
步骤S304、基于创建的波纹扩散效果的基本动画,使用组动画创建方法animation创建组动画,并为创建出来的组动画设置动画参数,该动画参数包括但不限于:动画的持续时间、动画的持续次数等。
具体来说,步骤S304中创建组动画时,实质是使用组动画创建方法animation创建组动画类CAAnimationGroup的对象,如groupAnima。另外,本实施例中,将动画的持续次数设置为无穷大,代表无限循环。
步骤S305、将创建的组动画添加到步骤S302中的模糊效果背景的复制子图层replicatorLayer上,完成波纹扩散效果的视图的绘制,即绘制完成了语音预览视图。
需要注意的是,上述在IOS系统中实现步骤S3的具体操作仅仅是一个例子而已,在其他的系统中(如安卓系统中),步骤S3的具体实现流程,开发人员可以根据安卓系统的实际函数、代码、接口等情况进行具体的设计和调整,在此不做限制。
步骤S4、在创建的预览视图界面中添加用于实现视频预览视图、语音预览视图切换的手势操作或按钮控件;并为手势操作或按钮控件设置事件监听函数,一旦手势操作或按钮控件的事件监听函数监听到切换触发事件,将进行视频预览视图与语音预览视图的切换操作。
同样可以理解的是,进行切换摄像头操作时,实质是对传入预览视图界面的视图选中变量参数进行修改,该视图选中变量参数是预览视图界面用来标识选中的视频预览视图或语音预览视图。举例来说,以IOS系统中的按钮控件为例,每个IOS系统的按钮控件都对应有一个选中的变量参数。假设默认这个变量参数没有被选中且没选中时为0,则为0的时候预览视图界面中显示的是视频预览视图;当用户点击按钮控件的时候,这个变量参数为1,则预览视图界面切换到显示语音预览视图,此时将语音预览视图显示出来,同时将视频预览视图隐藏。用户再次点击按钮控件重复上述操作,就可以实现视频预览视图与语音预览视图的随意切换。通过步骤S4的操作,可实现语音预览和视频预览的灵活切换,保障了用户最全面的语音连麦和视频连麦功能的预览,用户体验佳。
对应上述的在用户端实现连麦预览的方法,本发明实施例还提供一种计算机可读存储介质,其上存储有计算机程序,该计算机程序被处理器执行时可实现上述各实施例中的在用户端实现连麦预览的方法的步骤。需要说明的是,所述计算机可读存储介质包括U盘、移动硬盘、ROM(Read-Only Memory,只读存储器)、RAM(Random Access Memory,随机存取存储器)、磁碟或者光盘等各种可以存储程序代码的介质。
另外,参见图2所示,对应上述的在用户端实现连麦预览的方法,本发明实施例还提供一种在用户端实现连麦预览的设备,包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,该处理器执行计算机程序时可实现上述各实施例中的在用户端实现连麦预览的方法的步骤。
参见图3所示,本发明实施例还提供一种在用户端实现连麦预览的系统,该系统包括预览视图界面创建模块、视频预览视图添加模块、语音预览视图绘制隐藏模块和预览视图切换模块。
其中,预览视图界面创建模块用于:创建预览视图界面,并在预览视图界面中显示要连麦的主播的信息;
视频预览视图添加模块用于:在创建的预览视图界面中添加视频预览视图,所述视频预览视图为摄像头采集的图像且该图像经过实时美颜处理;
语音预览视图绘制隐藏模块用于:绘制语音预览视图,所述语音预览视图为一个波纹扩散效果的视图;将绘制的语音预览视图叠加到视频预览视图之上,同时对所述语音预览视图进行隐藏操作;
预览视图切换模块用于:在创建的预览视图界面中添加用于实现视频预览视图、语音预览视图切换的手势操作或按钮控件;为手势操作或按钮控件设置事件监听函数,一旦手势操作或按钮控件的事件监听函数监听到切换触发事件,将进行视频预览视图与语音预览视图的切换操作。
进一步地,参见图3所示,为了提供更好的用户使用体验,满足用户可以随时取消预览的需求,该系统还包括取消预览功能设置模块,该取消预览功能设置模块用于:在创建的预览视图界面中添加用于实现取消预览视图界面的手势操作或按钮控件;为手势操作或按钮控件设置事件监听函数,一旦手势操作或按钮控件的事件监听函数监听到取消触发事件,将进行取消预览视图界面的操作。
进一步地,参见图4所示,在一种实施方式中,针对用户端为具有至少两个摄像头的移动终端设备,如手机、平板电脑等,还可以在实现视频预览时增设摄像头切换功能。具体来说,需要在该系统上增设摄像头切换功能设置模块。该摄像头切换功能设置模块用于:在添加视频预览视图的位置处添加用于实现摄像头切换的手势操作或按钮控件;为手势操作或按钮控件设置事件监听函数,一旦手势操作或按钮控件的事件监听函数监听到摄像头切换触发事件,将进行切换摄像头的操作。
再进一步地,参见图5所示,预览视图界面创建模块具体包括创建方法定义子模块、变量定义子模块和创建方法实现子模块。
其中,创建方法定义子模块用于:定义预览视图界面创建方法,该预览视图界面创建方法的传入参数包括要连麦的主播的信息;
变量定义子模块用于:在预览视图界面创建方法中定义用于保存要连麦的主播的信息的变量;
创建方法实现子模块用于:当创建预览视图界面时,调用定义的预览视图界面创建方法创建一个显示视图作为预览视图界面,并将其传入参数中的要连麦的主播的信息赋值给定义的变量;预览视图界面创建方法根据变量中的信息在创建的预览视图界面中显示要连麦的主播的信息。
更进一步地,参见图6所示,视频预览视图添加模块具体包括预览方法定义子模块、坐标变量定义子模块、宽高对象定义子模块、美颜参数定义子模块、预览方法实现子模块和视图添加子模块。
其中,预览方法定义子模块用于:定义视频预览方法;
坐标变量定义子模块用于:在视频预览方法中定义一个坐标变量,该坐标变量用于保存设置的视频预览视图的大小;
宽高对象定义子模块用于:在视频预览方法中定义宽、高对象,该宽、高对象用于保存为开启的摄像头所设置的宽度和高度;
美颜参数定义子模块用于:在视频预览方法中定义美颜参数,该美颜参数用于保存设置的实时美颜所需的参数;
预览方法实现子模块用于:当在创建的预览视图界面中添加视频预览视图时,调用定义的视频预览方法;视频预览方法根据坐标变量的值创建一个显示图层作为视频预览视图,并将当前开启的摄像头采集的图像按照宽、高对象的值实时渲染到视频预览视图;渲染前,视频预览方法根据美颜参数对摄像头采集的图像进行实时美颜;
视图添加子模块用于:将渲染后的视频预览视图添加到创建的预览视图界面中。
需要说明的是:上述实施例提供的系统在实现连麦预览的操作时,仅以上述各功能模块的划分进行举例说明,实际应用中,可以根据需要而将上述功能分配由不同的功能模块完成,即将系统的内部结构划分成不同的功能模块,以完成以上描述的全部或者部分功能。
本发明不局限于上述实施方式,对于本技术领域的普通技术人员来说,在不脱离本发明原理的前提下,还可以做出若干改进和润饰,这些改进和润饰也视为本发明的保护范围之内。
本说明书中未作详细描述的内容属于本领域专业技术人员公知的现有技术。

Claims (10)

1.一种在用户端实现连麦预览的方法,其特征在于,该方法包括以下步骤:
S1、创建预览视图界面,并在预览视图界面中显示要连麦的主播的信息;
S2、在创建的预览视图界面中添加视频预览视图,所述视频预览视图为摄像头采集的图像且该图像经过实时美颜处理;
S3、绘制语音预览视图,所述语音预览视图为一个波纹扩散效果的视图;将绘制的语音预览视图叠加到所述视频预览视图之上,同时对所述语音预览视图进行隐藏操作;
S4、在创建的预览视图界面中添加用于实现视频预览视图、语音预览视图切换的手势操作或按钮控件;为手势操作或按钮控件设置事件监听函数,一旦手势操作或按钮控件的事件监听函数监听到切换触发事件,将进行视频预览视图与语音预览视图的切换操作。
2.如权利要求1所述的在用户端实现连麦预览的方法,其特征在于,步骤S1中还包括以下操作:在创建的预览视图界面中添加用于实现取消预览视图界面的手势操作或按钮控件;为手势操作或按钮控件设置事件监听函数,一旦手势操作或按钮控件的事件监听函数监听到取消触发事件,将进行取消预览视图界面的操作。
3.如权利要求1所述的在用户端实现连麦预览的方法,其特征在于:当用户端为具有至少两个摄像头的移动终端设备时,步骤S2中还包括以下操作:在添加视频预览视图的位置处添加用于实现摄像头切换的手势操作或按钮控件;为手势操作或按钮控件设置事件监听函数,一旦手势操作或按钮控件的事件监听函数监听到摄像头切换触发事件,将进行切换摄像头的操作。
4.一种计算机可读存储介质,其上存储有计算机程序,其特征在于:所述计算机程序被处理器执行时实现上述权利要求1至3中任一项所述方法的步骤。
5.一种在用户端实现连麦预览的设备,包括存储器、处理器及存储在所述存储器上并在所述处理器上运行的计算机程序,其特征在于:所述处理器执行所述计算机程序时实现上述权利要求1至3中任一项所述方法的步骤。
6.一种在用户端实现连麦预览的系统,其特征在于:该系统包括预览视图界面创建模块、视频预览视图添加模块、语音预览视图绘制隐藏模块和预览视图切换模块;
所述预览视图界面创建模块用于:创建预览视图界面,并在预览视图界面中显示要连麦的主播的信息;
所述视频预览视图添加模块用于:在创建的预览视图界面中添加视频预览视图,所述视频预览视图为摄像头采集的图像且该图像经过实时美颜处理;
所述语音预览视图绘制隐藏模块用于:绘制语音预览视图,所述语音预览视图为一个波纹扩散效果的视图;将绘制的语音预览视图叠加到视频预览视图之上,同时对所述语音预览视图进行隐藏操作;
所述预览视图切换模块用于:在创建的预览视图界面中添加用于实现视频预览视图、语音预览视图切换的手势操作或按钮控件;为手势操作或按钮控件设置事件监听函数,一旦手势操作或按钮控件的事件监听函数监听到切换触发事件,将进行视频预览视图与语音预览视图的切换操作。
7.如权利要求6所述的在用户端实现连麦预览的系统,其特征在于:该系统还包括取消预览功能设置模块,该取消预览功能设置模块用于:在创建的预览视图界面中添加用于实现取消预览视图界面的手势操作或按钮控件;为手势操作或按钮控件设置事件监听函数,一旦手势操作或按钮控件的事件监听函数监听到取消触发事件,将进行取消预览视图界面的操作。
8.如权利要求6所述的在用户端实现连麦预览的系统,其特征在于:该系统还包括摄像头切换功能设置模块,该摄像头切换功能设置模块用于:在添加视频预览视图的位置处添加用于实现摄像头切换的手势操作或按钮控件;为手势操作或按钮控件设置事件监听函数,一旦手势操作或按钮控件的事件监听函数监听到摄像头切换触发事件,将进行切换摄像头的操作。
9.如权利要求6所述的在用户端实现连麦预览的系统,其特征在于:所述预览视图界面创建模块包括创建方法定义子模块、变量定义子模块和创建方法实现子模块;
所述创建方法定义子模块用于:定义预览视图界面创建方法,该预览视图界面创建方法的传入参数包括要连麦的主播的信息;
所述变量定义子模块用于:在预览视图界面创建方法中定义用于保存要连麦的主播的信息的变量;
所述创建方法实现子模块用于:当创建预览视图界面时,调用定义的预览视图界面创建方法创建一个显示视图作为预览视图界面,并将其传入参数中的要连麦的主播的信息赋值给定义的变量;预览视图界面创建方法根据变量中的信息在创建的预览视图界面中显示要连麦的主播的信息。
10.如权利要求6所述的在用户端实现连麦预览的系统,其特征在于:所述视频预览视图添加模块包括预览方法定义子模块、坐标变量定义子模块、宽高对象定义子模块、美颜参数定义子模块、预览方法实现子模块和视图添加子模块;
所述预览方法定义子模块用于:定义视频预览方法;
所述坐标变量定义子模块用于:在视频预览方法中定义一个坐标变量,该坐标变量用于保存设置的视频预览视图的大小;
所述宽高对象定义子模块用于:在视频预览方法中定义宽、高对象,该宽、高对象用于保存为开启的摄像头所设置的宽度和高度;
所述美颜参数定义子模块用于:在视频预览方法中定义美颜参数,该美颜参数用于保存设置的实时美颜所需的参数;
所述预览方法实现子模块用于:当在创建的预览视图界面中添加视频预览视图时,调用定义的视频预览方法;视频预览方法根据坐标变量的值创建一个显示图层作为视频预览视图,并将当前开启的摄像头采集的图像按照宽、高对象的值实时渲染到视频预览视图;渲染前,视频预览方法根据美颜参数对摄像头采集的图像进行实时美颜;
所述视图添加子模块用于:将渲染后的视频预览视图添加到创建的预览视图界面中。
CN201710405788.8A 2017-05-27 2017-05-27 在用户端实现连麦预览的方法、存储介质、设备及系统 Active CN108933958B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201710405788.8A CN108933958B (zh) 2017-05-27 2017-05-27 在用户端实现连麦预览的方法、存储介质、设备及系统

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201710405788.8A CN108933958B (zh) 2017-05-27 2017-05-27 在用户端实现连麦预览的方法、存储介质、设备及系统

Publications (2)

Publication Number Publication Date
CN108933958A CN108933958A (zh) 2018-12-04
CN108933958B true CN108933958B (zh) 2020-10-16

Family

ID=64448282

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201710405788.8A Active CN108933958B (zh) 2017-05-27 2017-05-27 在用户端实现连麦预览的方法、存储介质、设备及系统

Country Status (1)

Country Link
CN (1) CN108933958B (zh)

Families Citing this family (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN114205633B (zh) * 2020-08-31 2024-03-08 腾讯科技(深圳)有限公司 直播互动方法、装置、存储介质和电子设备
CN115086729B (zh) * 2022-06-10 2024-04-26 北京字跳网络技术有限公司 一种连麦展示方法、装置、电子设备、计算机可读介质

Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101677386A (zh) * 2008-08-01 2010-03-24 中兴通讯股份有限公司 可选择实时虚拟通话背景的系统及视频通话方法
CN102665026A (zh) * 2012-05-03 2012-09-12 华为技术有限公司 一种利用视频会议实现远程合影的方法、设备及系统
CN105763922A (zh) * 2016-04-28 2016-07-13 徐文波 视频处理的方法和装置
CN105828214A (zh) * 2016-03-31 2016-08-03 徐文波 视频直播中互动的实现方法和装置
CN106303586A (zh) * 2016-08-18 2017-01-04 北京奇虎科技有限公司 一种网络直播的方法、主播端设备、观众端设备
CN106331489A (zh) * 2016-08-25 2017-01-11 天脉聚源(北京)传媒科技有限公司 一种拍摄界面的调整方法及装置
CN106713942A (zh) * 2016-12-27 2017-05-24 广州华多网络科技有限公司 视频处理方法和装置

Family Cites Families (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US9325935B2 (en) * 2011-06-20 2016-04-26 Cisco Technology, Inc. Preview window for video communications

Patent Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101677386A (zh) * 2008-08-01 2010-03-24 中兴通讯股份有限公司 可选择实时虚拟通话背景的系统及视频通话方法
CN102665026A (zh) * 2012-05-03 2012-09-12 华为技术有限公司 一种利用视频会议实现远程合影的方法、设备及系统
CN105828214A (zh) * 2016-03-31 2016-08-03 徐文波 视频直播中互动的实现方法和装置
CN105763922A (zh) * 2016-04-28 2016-07-13 徐文波 视频处理的方法和装置
CN106303586A (zh) * 2016-08-18 2017-01-04 北京奇虎科技有限公司 一种网络直播的方法、主播端设备、观众端设备
CN106331489A (zh) * 2016-08-25 2017-01-11 天脉聚源(北京)传媒科技有限公司 一种拍摄界面的调整方法及装置
CN106713942A (zh) * 2016-12-27 2017-05-24 广州华多网络科技有限公司 视频处理方法和装置

Also Published As

Publication number Publication date
CN108933958A (zh) 2018-12-04

Similar Documents

Publication Publication Date Title
EP2446619B1 (en) Method and device for modifying a composite video signal layout
CN111596985B (zh) 多媒体会议场景下的界面显示方法、装置、终端及介质
US9049341B2 (en) Method and apparatus for video resource management in video conference
CN105554429A (zh) 一种视频通话显示方法及视频通话设备
US20240078703A1 (en) Personalized scene image processing method, apparatus and storage medium
CN113691829B (zh) 虚拟对象互动方法、装置、存储介质及计算机程序产品
US9270713B2 (en) Mechanism for compacting shared content in collaborative computing sessions
WO2023278055A1 (en) Automated ui and permission transitions between presenters of a communication session
CN113099298A (zh) 虚拟形象的改变方法、装置和终端设备
CN108933958B (zh) 在用户端实现连麦预览的方法、存储介质、设备及系统
CN111225291A (zh) 视频创作方法、装置、终端设备以及存储介质
CN114930279B (zh) 协同操作方法、装置、终端及存储介质
WO2024051540A1 (zh) 特效处理方法、装置、电子设备及存储介质
CN113170225A (zh) 画面窗口的显示方法、装置、终端及存储介质
CN105635832B (zh) 一种视频处理方法和装置
CN115695355A (zh) 数据共享方法、装置、电子设备及介质
WO2018149170A1 (zh) 一种跨应用控制方法及装置
CN112118414B (zh) 视频会话方法、电子设备以及计算机存储介质
CN112804551B (zh) 一种直播方法、装置、计算机设备及存储介质
CN114637436A (zh) 信息分享方法、装置、计算机可读存储介质以及终端
CN116501227B (zh) 图片显示方法、装置、电子设备及存储介质
CN105872808A (zh) 一种指定应用的电视显示方法及电视显示设备
CN117149326A (zh) 一种虚拟互动空间的布局方法、装置、电子设备及介质
CN117971103A (zh) 扩展现实空间中的交互方法、装置、电子设备和介质
CN114610435A (zh) 一种处理方法和电子设备

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
GR01 Patent grant
GR01 Patent grant