Qml结合声网Agora SDK创建视频通话项目（一）：Qml创建自定义登录模块

最新推荐文章于 2024-06-14 19:21:08 发布
最新推荐文章于 2024-06-14 19:21:08 发布
阅读量646 收藏 1
点赞数 1
分类专栏： qml开发 C++ Qt开发
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qianlixiaomage/article/details/106979628
版权
Qt开发 同时被 3 个专栏收录
24 篇文章 5 订阅 ¥49.90 ¥99.00
订阅专栏 超级会员免费看
C++
31 篇文章 1 订阅
订阅专栏
qml开发
1 篇文章 0 订阅
订阅专栏

0、前言

音视频通话是现在通讯类项目必备的一个功能，刚好对声网agora感兴趣，如今以一个音视频通话项目来复习或者说学习被自己遗忘了的qml技术，qwidgets如今已经很成熟，处于一个维护状态，之后qml将处于一个蓬勃发展的阶段。qml构建快速、美观的用户界面，也处理部分业务逻辑，而核心逻辑交给C++来处理，这使得ui与逻辑进行了分离。

1、项目简介

项目简单绘制：

1.1 登录页面的绘制

 

绘制页面时采用：设计器与手写结合。

源码：


                

        

        

    




        

            

                

                

                了解本专栏
                
                
                  
                订阅专栏 解锁全文
                 
                
                    
                    超级会员免费看
                
            

            
            
            
        

    

      

        

            

              
                
                  我啥都会
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                    1
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    1
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
                
  • 
                  
                    打赏
                    
                  
                  
    打赏
    
                
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                    0
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      

            

                专栏目录
          

                

                        订阅专栏
                










                



	

		

			

				
					
WebRTC 实战: QT for Windows 多人音视频通话

				
			

			

				

					yinshipin007的博客
				

				

					10-10
					
					1022
					
				

			

		

		

			
				
在经过前面几篇文章对WebRTC的描述，相信已经不需再过多对它介绍了。前面几篇文章我们实现了 Web 、Android 端的音视频通话项目，该篇我们使用 QT UI 框架搭建 Windows 端的多 P2P 音视频通话实战项目。我们通过简短的描述和一些基础的 api 来介绍了如何通过 QT webrtc 来构建一个多人的音视频通话的项目。由于本人对 QT 不是太熟悉，所以 UI 上还有少许 Bug。但不影响核心 API 调用。

			
		

	



                

              
                



	

		

			

				
					
如何使用 Qt 开发音视频通话应用

				
			

			

				

					weixin_33720078的博客
				

				

					05-29
					
					2698
					
				

			

		

		

			
				
作者：单辉，声网 Agora 高级开发工程师。

众所周知，Qt 是一个跨平台的 C++ 图形用户界面应用程序开发框架，它具有跨平台、丰富的 API、支持 2D/3D 图形渲染、支持 OpenGL、开源等优秀的特性。很多市面上常见的应用或者游戏，例如说 VLC、WPS Office、极品飞车等，都是基于 Qt 开发。
本文将介绍如何使用 Qt 开发一个音视频通话应用。
1 使用 Qt Quick...

			
		

	



                


  
              

                


	

		

			

				
					
QT实现视音频实时传输（qml+C++）

				
			

			

				

					01-07
				

			

		

		

			
				
qml无法实现音频的实时传输（只有播音没有录音API），所以在QT中另开了一条线程利用C++实现了音频的实时传输，同时里面包含了之前采用qml实现的播放网络流的代码（整合在一起了），我是 从板子上传输到PC上，如果是PC传PC或者是其他只需要改变QT编译版本（嵌入式版本和桌面版本）

			
		

	





	

		

			

				
					
基于QT的远程视频播放客户端（TCP通信方式）

				
			

			

				

					君子性非异
				

				

					01-21
					
					3539
					
				

			

		

		

			
				
背景介绍：

本篇博文主要实现QT上的网络图像数据接收，以及播放显示功能，为远程视频播放端，方案架构如下：


        采集端（服务端）            传输端                       显示端（客户端）

    ARM+摄像头实现图像采集    ...

			
		

	



		

			
		



	

		

			

				
					
QML学习及实战

					
最新发布

				
			

			

				

					qq_44891434的博客
				

				

					06-14
					
					891
					
				

			

		

		

			
				
QML学习笔记，及其日常用的一些ui实战，以及QML和C++之间的相互通信；

			
		

	





	

		

			

				
					
qt制作的视频通话,实现双向视频电话

				
			

			

				

					06-07
				

			

		

		

			
				
qt制作的简易视频通话工具。通过tcpsocket进行通信。使用qcamera来调用电脑摄像头。如没有摄像头则对方不可见。

			
		

	





	

		

			

				
					
C++/Qt音视频通话开发MetaRTC源码解读，音频推流和拉流

				
			

			

				

					weixin_40355471的博客
				

				

					09-17
					
					2646
					
				

			

		

		

			
				
ubuntu麦克风音频采集和播放，ALSA音频采集播放，音频编码和解码，opus，udp发送和接收音频数据，音频推流步骤：音频数据采集、编码、发送，音频拉流步骤：音频数据接收、解码、播放。

			
		

	





	

		

			

				
					
视频聊天软件的快速开发（QT5.3）

				
			

			

				

					alice185的专栏
				

				

					10-29
					
					8898
					
				

			

		

		

			
				
AnyChat SDK的使用及简易视频聊天软件的快速开发（QT5.3）
为了在linux平台下快速开发一款视频聊天软件，本文选取了AnyChat SDK作为核心开发，开发环境使用QT5.3，下面将讲解我的开发过程。
 
一、 开发环境的搭建
1. 首先，虚拟机安装linux系统，我选取的是最新的Ubuntu14.04-32bit ；
2. 然后，到QT官网http://qt-projec

			
		

	





	

		

			

				
					
QML：第一个QML项目分析

				
			

			

				

					02-24
				

			

		

		

			
				
QML是一种声明式语言，它提供了一组接口用来描述可视化组件以及他们之间的互动。它是一个高度可读的语言，并且被设计成使组件以一个动态的方式相互连接。同时它使组件很容易被复用以及创建定制的用户界面。使用Qt...

			
		

	





	

		

			

				
					
创建qml自定义视频源（Qt5.15.2+openCV4.6)测试源码

				
			

			

				

					06-18
				

			

		

		

			
				
创建qml自定义视频源（Qt5.15.2+openCV4.6)测试源码 https://blog.csdn.net/aggs1990/article/details/125347900 CSDN审核可能较慢，如无法下载，可以过段时间再回来看下 仅供相关爱好者交流使用，请于下载24小时内...

			
		

	





	

		

			

				
					
创建qml自定义视频源（Qt6.3.1+取景器帧)测试源码

				
			

			

				

					06-19
				

			

		

		

			
				
创建qml自定义视频源（Qt6.3.1+取景器帧)测试源码 https://blog.csdn.net/aggs1990/article/details/125361203 CSDN审核可能较慢，如无法下载，可以过段时间再回来看下 仅供相关爱好者交流使用，请于下载24小时内...

			
		

	





	

		

			

				
					
创建qml自定义视频源（Qt5.15.2+设备帧) 测试源码

				
			

			

				

					06-16
				

			

		

		

			
				
创建qml自定义视频源（Qt5.15.2+设备帧) 测试源码 https://blog.csdn.net/aggs1990/article/details/125305987 CSDN审核可能较慢，如无法下载，可以过段时间再回来看下 仅供相关爱好者交流使用，请于下载24小时内...

			
		

	





	

		

			

				
					
webrtc+QT5视频通话

				
			

			

				

					huangdl123的博客
				

				

					09-20
					
					136
					
				

			

		

		

			
				
本项目不依赖webrtc，已经将PeerConnection相关的库封装为动态库。

			
		

	





	

		

			

				
					
Qt网络编程之UDP通信（二）视频传输

					
热门推荐

				
			

			

				

					qq_34578785的博客
				

				

					07-02
					
					1万+
					
				

			

		

		

			
				
上一篇博客中介绍了Qt下UDP传输流程与文本数据的传输过程，根据UDP的特点而言（与TCP对比），它注重的是数据传输的效率而不是可靠性，因此在很多对于实时性要求较高而可靠性要求不是那么高的场景下，如视频、语音传输，多采用UDP传输方式，故本文介绍一下基于UDP的视频传输过程。
一、基本流程
我们知道，在UDP是一对一

...

			
		

	





	

		

			

				
					
QT下视频通话的实现

				
			

			

				

					qq_33685823的博客
				

				

					07-31
					
					5586
					
				

			

		

		

			
				
**
1 QT下视频通话的实现
**
本文使用QT完成了两个不同终端的视频通话，笔记本电脑+Linux开发板。
1.1 硬件资源介绍
带摄像头的电脑 + 正点原子Alpha Linux开发板（由于Linux开发板上没有购买摄像头，所以本次实现仅仅单向的视频通话）
1.2 软件编程实现
1.2.1 电脑端QT编程
电脑端搭建一个TCP服务器，开启一个视频捕获线程，使用QCamera、QCameraViewfinder、QCameraImageCapture、QTimer，定时捕获视频中的图片，并传送给主线程使

			
		

	





	

		

			

				
					
qt获取开发板ip地址_QT下视频通话的实现 - osc_lqb3vmrs的个人空间 - OSCHINA - 中文开源技术交流社区...

				
			

			

				

					weixin_32311823的博客
				

				

					02-21
					
					262
					
				

			

		

		

			
				
**1 QT下视频通话的实现**本文使用QT完成了两个不同终端的视频通话，笔记本电脑+Linux开发板。1.1 硬件资源介绍带摄像头的电脑 + 正点原子Alpha Linux开发板(由于Linux开发板上没有购买摄像头，所以本次实现仅仅单向的视频通话)1.2 软件编程实现1.2.1 电脑端QT编程电脑端搭建一个TCP服务器，开启一个视频捕获线程，使用QCamera、QCameraViewfinde...

			
		

	





	

		

			

				
					
qt制作简易的视频通话

				
			

			

				

					家俊的博客
				

				

					06-07
					
					2233
					
				

			

		

		

			
				
首先视频通话需要调用电脑的摄像头。
使用的类有QCamera，QCameraImageCapture
QCamera用于调用电脑摄像头。QCameraImageCapture用于捕获当前摄像头的帧数QCameraImageCapture有一个信号imageCaptured，当触发这个信号，可以定义一个槽函数来捕获当前图片

定义一个image来进行捕获
这样图片就捕获到了。然后通过tcp进行传输。需要使用的2个类
QTcpSocket，QTcpServer
socket用于进行通信。server用于监听接口

			
		

	





	

		

			

				
					
C++/Qt音视频通话开发MetaRTC源码解读，coturn穿透stun的使用

				
			

			

				

					weixin_40355471的博客
				

				

					09-23
					
					2722
					
				

			

		

		

			
				
coturn服务器搭建，stun流程实现，stun穿透服务器使用，sdp交互，主叫穿透流程，被叫穿透流程，stun抓包wireshark，qt实现。

			
		

	





	

		

			

				
					
C++利用mongoose搭建web服务器

				
			

			

				

					千里小马哥的博客
				

				

					04-17
					
					1万+
					
				

			

		

		

			
				
0、前言

   Mongoose是c语言写成的网络库。它为TCP、UDP、HTTP、WebSocket、CoAP、MQTT实现了事件驱动型的非阻塞api。其具有以下特性：

   跨平台：可在linux/unix macos QNX eCos Windows Android Iphone FreeRtos上运行；

   原生支持PicoTCP的嵌入式tcp/ip协议栈...

			
		

	





	

		

			

				
					
qml  使用同一个自定义 chartview 创建两个对象，如何实现区分和分别写入数据

				
			

			

				

					06-09
				

			

		

		

			
				
在 QML 中，你可以使用 `id` 属性来为每个自定义 `ChartView` 控件创建唯一的标识符，然后在写入数据时，通过 `id` 属性来区分和分别写入数据。

例如，你可以在 QML 中创建两个 `ChartView` 控件，分别为它们设置不同的 `id` 属性，并在写入数据时，通过 `id` 属性来获取对应的 `ChartView` 对象，然后调用 `ChartView` 对象的方法进行数据写入。

示例代码如下：

```qml
ChartView {
    id: chartView1
    
    // 其他属性和方法
}

ChartView {
    id: chartView2
    
    // 其他属性和方法
}
```

在写入数据时，你可以这样写：

```qml
function writeDataToChartView1(data) {
    var chartView1 = Qt.resolvedUrl("#chartView1");
    // 写入 chartView1 的数据
}

function writeDataToChartView2(data) {
    var chartView2 = Qt.resolvedUrl("#chartView2");
    // 写入 chartView2 的数据
}
```

在调用时，你可以这样写：

```qml
var data1 = getDataForChartView1();
var data2 = getDataForChartView2();
writeDataToChartView1(data1);
writeDataToChartView2(data2);
```

这样就可以区分和分别写入数据到不同的 `ChartView` 控件中了。注意，这里使用 `Qt.resolvedUrl()` 方法来获取 `id` 对应的 `ChartView` 对象。

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  





	
打赏作者

	

		

		
			
		
		

		

			
我啥都会

			
如果觉得对您有帮助，打赏一下吧

		

	

	

			

	

	

    ¥1
    ¥2
    ¥4
    ¥6
    ¥10
    ¥20
	

	

		

			

				

					扫码支付：¥1
				

				

					

					
					获取中
					

				

				

					
					
					扫码支付
				

			

		

		

			
您的余额不足，请更换扫码支付或充值

			
打赏作者

		

	



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值