JS 实现十大排序算法

article/2025/10/13 3:47:20

文章目录

        • 前言
          • 零、十大排序
          • 一、冒泡排序(bubbleSort)
          • 二、选择排序(selectionSort)
          • 三、插入排序(insertSort)
          • 四、希尔排序(shellSort)
          • 五、归并排序(mergeSort)
          • 六、快速排序(quickSort)
          • 七、堆排序(heapSort)
          • 八、计数排序(countingSort)
          • 九、桶排序(bucketSort)
          • 十、基数排序(radixSort)
        • 结语
          • 代码仓

前言

  再不趁热,我就又要忘记了。
  十大排序算法,属于算法里基础的东西,学习难度自然不能说大,但是,相当容易忘,究其原因不外乎就是平时用不到,就是要用,也有现成的接口可以调。
  当然,我们不能因为平时用不到就不去巩固他,这玩意,只要学了,练了,复习了就有好处,不谈工作上用不用的到,面试上差不多会问。
  巩固学习,重点是什么呢?是理解并记住其思想。假如面试让我实现快排,那我遇到的第一个问题会是什么呢?那就是快排是什么,以什么思想实现的排序方法叫做快排。是的,假如不事前温习一下,回答快排的概念都费劲。所以,总结再画图加深理解记忆,不得不这么做。
  以前读书时,我老是不理解为什么学如逆水行舟不进则退,只要学了,不就是有进步。随之离开了学校,离开了那个充满了知识的地方。我真真发现,知识离开了他的沃土就会枯萎。前些天,刷抖音,刷到一个题,让我们判断三盏灯是并连还是串连。我发现,我已经不记得电源符号哪边是表示正极了。
  吓得我,马上提起了键盘,吃饭的家伙,不能也这样忘了啊。

菜鸟学院:十大经典排序算法
动图演示网站

零、十大排序

在这里插入图片描述
名词解释:

  • n:数据规模 k:"桶"的个数
  • In-place:占用常数内存,不占用额外内存
  • Out-place:占用额外内存
  • 稳定性:排序后 2 个相等键值的顺序和排序之前它们的顺序相同
一、冒泡排序(bubbleSort)

冒泡排序(Bubble Sort),是一种计算机科学领域的较简单的排序算法。
它重复地走访过要排序的元素列,依次比较两个相邻的元素,如果顺序(如从大到小、首字母从Z到A)错误就把他们交换过来。走访元素的工作是重复地进行直到没有相邻元素需要交换,也就是说该元素列已经排序完成。
这个算法的名字由来是因为越小的元素会经由交换慢慢“浮”到数列的顶端(升序或降序排列),就如同碳酸饮料中二氧化碳的气泡最终会上浮到顶端一样,故名“冒泡排序”。

冒泡排序核心思想 ↓
在这里插入图片描述
重复上述操作,逐渐缩小对比区域,直到数据排列完毕。
在这里插入图片描述

/*** 冒泡排序*/
function bubbleSort() {let arr = deepClone(array)console.log('--------------------')console.log('冒泡排序:开始:' + arr)for (var i = 0; i < arr.length - 1; i++) {for (var j = 0; j < arr.length - 1 - i; j++) {if (arr[j] > arr[j + 1]) {arr[j] += arr[j + 1]arr[j + 1] = arr[j] - arr[j + 1]arr[j] -= arr[j + 1]}}console.log('冒泡排序:第' + (i + 1) + '趟---' + arr)}
}
二、选择排序(selectionSort)

选择排序(Selection sort)是一种简单直观的排序算法。它的工作原理是:第一次从待排序的数据元素中选出最小(或最大)的一个元素,存放在序列的起始位置,然后再从剩余的未排序元素中寻找到最小(大)元素,然后放到已排序的序列的末尾。以此类推,直到全部待排序的数据元素的个数为零。选择排序是不稳定的排序方法。

在这里插入图片描述
在这里插入图片描述

/*** 选择排序*/
function selectionSort() {let arr = deepClone(array)console.log('--------------------')console.log('选择排序:开始:' + arr)let minIndex, tempfor (var i = 0; i < arr.length - 1; i++) {minIndex = ifor (var j = i + 1; j < arr.length; j++) {if (arr[j] < arr[minIndex]) {minIndex = j}}temp = arr[minIndex]arr[minIndex] = arr[i]arr[i] = tempconsole.log('选择排序' + (i + 1) + '趟---' + arr)}
}
三、插入排序(insertSort)

插入排序,一般也被称为直接插入排序。对于少量元素的排序,它是一个有效的算法 [1] 。插入排序是一种最简单的排序方法,它的基本思想是将一个记录插入到已经排好序的有序表中,从而一个新的、记录数增1的有序表。在其实现过程使用双层循环,外层循环对除了第一个元素之外的所有元素,内层循环对当前元素前面有序表进行待插入位置查找,并进行移动 [2] 。

核心记忆点—插入,类似于插牌的过程。
在这里插入图片描述

在这里插入图片描述

/*** 插入排序*/
function insertSort() {let arr = deepClone(array)console.log('--------------------')console.log('插入排序:开始:' + arr)let cur, tempfor (var i = 1; i < arr.length; i++) {cur = ifor (var j = i - 1; j >= 0; j--) {if (arr[j] > arr[cur]) {temp = arr[cur]arr[cur] = arr[j]arr[j] = tempcur = j} else {break}}console.log('插入排序' + (i) + '趟---' + arr)}
}
四、希尔排序(shellSort)

希尔排序(Shell’s Sort)是插入排序的一种又称“缩小增量排序”(Diminishing Increment Sort),是直接插入排序算法的一种更高效的改进版本。希尔排序是非稳定排序算法。该方法因 D.L.Shell 于 1959 年提出而得名。
希尔排序是把记录按下标的一定增量分组,对每组使用直接插入排序算法排序;随着增量逐渐减少,每组包含的关键词越来越多,当增量减至 1 时,整个文件恰被分成一组,算法便终止

  希尔排序是直接插入排序算法的一种更高效的改进版本,形象点打比方的话就是,插入排序是一个人抓一堆牌,希尔排序是几个人一起抓牌排序,抓完后,按顺序,把牌堆好,按设定减人继续抓,直到最后剩一个,也就变成了插入排序(如下图 gap:1,排序过程与插入排序完全一致)。
  形象点记忆的话,就是四个人轮流抓牌,,总比一个人抓牌好吧。实际设计,就是插入排序外层加套了一个间隔(gap)变动的 for 循环。
在这里插入图片描述

在这里插入图片描述

/*** 希尔排序*/
function shellSort() {let arr = deepClone(array)console.log('--------------------')console.log('希尔排序:开始:' + arr)let cur, temp, gap = 1while (gap < array.length / 3) {gap = gap * 3 + 1}for (gap; gap > 0; gap = Math.floor(gap / 3)) {console.log('希尔排序:------gap:' + gap + '-----')for (var i = gap; i < arr.length; i++) {cur = ifor (var j = i - gap; j >= 0 && arr[j] > arr[cur]; j -= gap) {temp = arr[cur]arr[cur] = arr[j]arr[j] = tempcur = jconsole.log('希尔排序' + (i) + '趟---' + arr)}}}
}
五、归并排序(mergeSort)

归并排序(Merge Sort)是建立在归并操作上的一种有效,稳定的排序算法,该算法是采用分治法(Divide and Conquer)的一个非常典型的应用。将已有序的子序列合并,得到完全有序的序列;即先使每个子序列有序,再使子序列段间有序。若将两个有序表合并成一个有序表,称为二路归并。

  归并排序的图我就偷个懒了,因为《图解排序算法(四)之归并排序》的作者,你们瞅瞅,这图画得确实又好又细。一篇文章的阅读量打我全部。
  我呢,随便画点要加强记忆的地方就行了。
在这里插入图片描述
  归并排序有二路归并排序和多路归并排序,我们这里每次一分为二,显然是二路归并。
在这里插入图片描述

在这里插入图片描述

/*** 归并排序,核心思想:分治*/
function mergeSort() {let arr = deepClone(array)console.log('--------------------')console.log('归并排序:开始:' + arr)function merge(left, mid, right) {let lStart = leftlet rStart = mid + 1let cur = leftwhile (lStart < mid + 1) {if (rStart > right) {while (lStart < mid + 1) {temp[cur++] = arr[lStart++]}break}if (arr[lStart] > arr[rStart]) {temp[cur] = arr[rStart]rStart++} else {temp[cur] = arr[lStart]lStart++}cur++}console.log('----归并排序 merge(' + left + '-' + right + ')----')console.log('temp:' + temp)while (left < cur) {arr[left] = temp[left]left++}console.log('arr :' + arr)}function sort(left, right) {console.log('----归并排序 sort(' + left + '-' + right + ')----')let mid = Math.floor((left + right) / 2)if (left !== mid) {sort(left, mid)sort(mid + 1, right)}merge(left, mid, right)return}let len = array.lengthlet temp = new Array(len)sort(0, len - 1)
}
六、快速排序(quickSort)

快速排序(Quicksort)是对冒泡排序算法的一种改进。

  快排的定义,百度百科写得及其敷衍,我也没找到其他好的描述,基本是以算法步骤来形容的,如下。所以,画图吧,比文字香。

算法步骤:
1.从数列中挑出一个元素,称为 “基准”(pivot);
2.重新排序数列,所有元素比基准值小的摆放在基准前面,所有元素比基准值大的摆在基准的后面(相同的数可以到任一边)。在这个分区退出之后,该基准就处于数列的中间位置。这个称为分区(partition)操作;
3.递归地(recursive)把小于基准值元素的子数列和大于基准值元素的子数列排序;

快速排序用到了分治思想,是在冒泡基础上加入基准值概念以及递归的产物。
在这里插入图片描述
一次循环中,数据操作过程如下,将基准值单独拉出来后,便多了一个空位供数据插入,在遍历完毕后,再将基准值插入回去即可(及指针1位置)
在这里插入图片描述

在这里插入图片描述

/*** 快速排序*/
function quickSort() {let arr = deepClone(array)console.log('--------------------')console.log('快速排序:开始:' + arr)function partition(left, right) {if (left >= right) {return}console.log('---- partition(' + left + '-' + right + ')----')let mid = sort(left, right)console.log('return mid:' + mid)console.log('arr :' + arr)partition(left, mid - 1)partition(mid + 1, right)}function sort(left, right) {let base = arr[left]let lP = leftfor (let i = left + 1; i <= right; i++) {console.log(i + 'sort 判断 基准值:' + base + ' > ' + arr[i] + ':' + (base > arr[i]))if (base > arr[i]) {arr[lP] = arr[i]lP++arr[i] = arr[lP]}}arr[lP] = basereturn lP}partition(0, array.length - 1)console.log('快速排序:结束:' + arr)
}
七、堆排序(heapSort)

堆排序(英语:Heapsort)是指利用堆这种数据结构所设计的一种排序算法。堆是一个近似完全二叉树的结构,并同时满足堆积的性质:即子结点的键值或索引总是小于(或者大于)它的父节点。

  堆排序的重点在于堆化(heapify),在掌握了堆化的情况下,该排序不过就是一个简单的循环。

堆的概念:
堆是一种特殊的树形数据结构,一般讨论的堆都是二叉堆。堆的特点是根结点的值是所有结点中最小的或者最大的,并且根结点的两个子树也是一个堆结构。
在这里插入图片描述

如上图所示,整体过程就是通过堆化构建最大堆(最小堆)来寻找最大值(最小值)进行排序。(ps:堆排序构建的是二叉堆
在这里插入图片描述

在这里插入图片描述

/*** 堆排序*/
function heapSort() {let arr = deepClone(array)console.log('--------------------')console.log('堆排序:开始:' + arr)/*** 堆化*/function heapify(len) {for (let i = Math.floor(len / 2); i >= 1; i--) {let parent = ilet lagerChild = 2 * parentwhile (lagerChild <= len) {if (lagerChild < len && arr[lagerChild - 1] < arr[lagerChild]) {lagerChild++}if (arr[lagerChild - 1] > arr[parent - 1]) {swap(lagerChild - 1, parent - 1)parent = lagerChildlagerChild = 2 * parent} else {break}}}console.log('长度为:' + len + ',数组堆化')console.log('arr:' + arr)}/*** 交换节点值*/function swap(i1, i2) {let temp = arr[i1]arr[i1] = arr[i2]arr[i2] = temp}function heapSort() {while (len > 1) {heapify(len)swap(0, --len)console.log('调整:' + arr)}}let len = arr.lengthheapSort()console.log('堆排序:结束:' + arr)
}
八、计数排序(countingSort)

计数排序是一个非基于比较的排序算法,该算法于1954年由 Harold H. Seward 提出。它的优势在于在对一定范围内的整数排序时,它的复杂度为Ο(n+k)(其中k是整数的范围),快于任何比较排序算法。 [1] 当然这是一种牺牲空间换取时间的做法,而且当O(k)>O(nlog(n))的时候其效率反而不如基于比较的排序(基于比较的排序的时间复杂度在理论上的下限是O(nlog(n)), 如归并排序,堆排序)

在这里插入图片描述

/*** 计数排序*/
function countingSort() {let arr = deepClone(array)console.log('--------------------')console.log('计数排序:开始:' + arr)let MAX = 0for (let i in arr) {MAX = Math.max(arr[i], MAX)}console.log('MAX:' + MAX)let countArr = new Array(MAX + 1).fill(0)for (let i in arr) {countArr[arr[i]]++}let index = 0for (let i in countArr) {while (countArr[i] > 0) {arr[index++] = icountArr[i]--}}console.log('计数排序:结束:' + arr)
}
九、桶排序(bucketSort)

桶排序 (Bucket sort)或所谓的箱排序,是一个排序算法,工作的原理是将数组分到有限数量的桶子里。每个桶子再个别排序(有可能再使用别的排序算法或是以递归方式继续使用桶排序进行排序)。桶排序是鸽巢排序的一种归纳结果。当要被排序的数组内的数值是均匀分配的时候,桶排序使用线性时间(Θ(n))。但桶排序并不是 比较排序,他不受到 O(n log n) 下限的影响。

  桶排序的设计思想简单明了-分治思想。如何建桶,是其关键点。
在这里插入图片描述
建桶
  首先确定数据的范围,即 MAX ,MIN
  然后,确定桶的大小,通常的,桶排序内部会定义一个默认大小DEF_SIZE,再定义一个形参,用来给调用者修改这个值。当然,这一步,我这里省略了。桶的大小是很关键的,调用者需要根据实际情况决定,假如桶的大小太大了,对内存是极其浪费的。
  再然后,计算桶的数量 ,通常,公式如下:bucketCunt = (MAX - MIN) / DEF_SIZE + 1。
  最后,建立映射,将数据均匀的分入桶中,示例中映射公式如下:桶索引 = (元素值 - MIN) / DEF_SIZE。在示例中,因为元素值分布是均匀的,该公式可以保证将数据均匀的分入桶中。
在这里插入图片描述

/*** 桶排序*/
function bucketSort() {let arr = deepClone(array)console.log('--------------------')console.log('桶排序:开始:' + arr)/*** 插入排序*/function insertSort(arr) {let cur, tempfor (var i = 1; i < arr.length; i++) {cur = ifor (var j = i - 1; j >= 0; j--) {if (arr[j] > arr[cur]) {temp = arr[cur]arr[cur] = arr[j]arr[j] = tempcur = j} else {break}}}}let MAX = 0let MIN = 0for (let i in arr) {MAX = Math.max(arr[i], MAX)MIN = Math.min(arr[i], MAX)}console.log('(MAX,MIN)' + MAX + ',' + MIN)const DEF_SIZE = 4let bucketCunt = Math.floor((MAX - MIN) / DEF_SIZE) + 1console.log('bucketCunt:' + bucketCunt)let bucket = new Array(bucketCunt)for (let i = 0; i < bucket.length; i++) {bucket[i] = []}for (let i in arr) {let index = Math.floor((arr[i] - MIN) / DEF_SIZE)console.log('映射:' + arr[i] + '->' + index)bucket[index].push(arr[i]);}let result = []for (let i in bucket) {insertSort(bucket[i])for (let j in bucket[i]) {result.push(bucket[i][j])}}console.log('桶排序:结束:' + result)
}
十、基数排序(radixSort)

基数排序(radix sort)属于“分配式排序”(distribution sort),又称“桶子法”(bucket sort)或bin sort,顾名思义,它是透过键值的部份资讯,将要排序的元素分配至某些“桶”中,藉以达到排序的作用,基数排序法是属于稳定性的排序,其时间复杂度为O (nlog®m),其中r为所采取的基数,而m为堆数,在某些时候,基数排序法的效率高于其它的稳定性排序法。

  基数排序,就是每一次对针对一个数位(如个位)排序,当遍历完所有数位后,顺序也就确定了。
在这里插入图片描述

基数排序记忆点:
  首先寻找最大值 MAX,然后根据 MAX 计算最大位数maxDigit ,最后根据 maxDigit 构建循环,从个位其,每次循环开始,对其排序,每次循环结束,将结果写入原数组,直至排序到最大位数。

/*** 基数排序*/
function radixSort() {let arr = deepClone(array)// let arr = [8, 3, 5, 7, 2, 4, 6, 1]console.log('--------------------')console.log('基数排序:开始:' + arr)let bucket = new Array(10)for (let i = 0; i < bucket.length; i++) {bucket[i] = []}let MAX = 0for (let i in arr) {MAX = Math.max(arr[i], MAX)}// 最大位数let maxDigit = 0while (MAX > 0) {MAX = Math.floor(MAX / 10)maxDigit++}console.log('maxDigit:' + maxDigit)let mod = 10let dev = 1for (let i = 0; i < maxDigit; i++, mod *= 10, dev *= 10) {for (let a in arr) {let bucketIndex = Math.floor((arr[a] % mod) / dev)console.log('bucketIndex:' + maxDigit)bucket[bucketIndex].push(arr[a])}let arrIndex = 0for (let x in bucket) {for (let y in bucket[x]) {arr[arrIndex++] = bucket[x][y]}}}console.log('基数排序:结束:' + arr)
}

结语

  终于记录完毕了,虽然主要的工作量,不过是画了一点点图。但不得不说,这一波回手掏,还是挺有效果的,短期记忆提升成了长期记忆。理解+1。
  时间方面,从码云上传第一行代码,到现在总结记录完毕,过了20天。这让我不由得想到效率问题,值么?大学教的基础的东西。
  我想,只要以后不用再花时间热这些冷菜,便是值的。可以提升我解决问题的能力,便是值的。
  哈哈,完犊子了,刚准备到力扣检验一下成果,碰到一道题,要用到插入排序,不得不偷偷回来瞄了一眼插入排序的概念图。阿这,这不是一点效果都没有么。握草。

代码仓

码云代码仓


http://chatgpt.dhexx.cn/article/v4lriL8e.shtml

相关文章

十大经典排序算法Java版(动图演示)

文章目录 0 排序算法说明0.1 内部排序和外部排序0.2 比较类排序和非比较类排序0.3 关于时间复杂度0.4 关于稳定性0.5 名词解释&#xff1a; 1 交换排序——冒泡排序&#xff08;Bubble Sort&#xff09;1.1 什么时候最快1.2 什么时候最慢1.3 算法步骤1.4 动图演示1.5 Java实现 …

html之如何让button按钮居中

解决措施&#xff1a;使用center或者div的align属性 示例代码&#xff1a; <html> <body><center><button onClick"clickme()">hit me</button></center><script>function clickme(){alert("123");} </scr…

HTML中让表单和提交按钮居中的方法

表单&#xff1a; form{ width: 500px; /*设置宽度&#xff0c;方便使其居中*/ margin: 40px auto auto auto; /*上右下左*/ font-size: 25px; 提交按钮&#xff1a;div的align属性 <div align"center"><button onClick"clickme()">提交…

android中的Button按钮居中(水平垂直中)

今天发现一个很怪异的事 Android Studio中居然一个简单的按钮水品垂直居中都写不出来 下图为理想效果&#xff1a; 可是当我写原始出代码的时候&#xff08;如下&#xff09;&#xff1a; <LinearLayout xmlns:android"http://schemas.android.com/apk/res/android&quo…

Vue组件居中:文字居中,按钮居中,图片居中等,如何实现在容器中居中

Vue实现组件在容器中居中显示的办法 本文用实验的方法理解各种方法实现居中的效果。 实现水平居中的样式主要有&#xff1a;text-align: center&#xff0c; margin: auto。 当然还有别的方式也可以实现&#xff0c;也会写在下面。 用三个同样的div来控制变量法看效果&#xf…

Contact form 7 提交按钮居中,怎么设置submit button居中显示

Contact form 7 提交按钮居中&#xff0c;怎么设置submit button居中显示 前言 最近公司在做网站&#xff0c;毫无疑问用的是wordpress程序&#xff0c;然后就用到了contact form 7这个插件。单是这个插件的按钮始终无法居中显示&#xff0c;查了很多教程有的让改主题&#x…

tkinter 让按钮居中显示

def ask(self, title, text, btn_comfirm_name"确定", btn_cancel_name"取消", wraplength400):self.master.title(title)tk.Label(self.middle, texttext, bg"#ffffff", wraplengthwraplength,justify"left").pack(pady15)self.botto…

html表单中按钮居中,Ant design StepsForm中如何使底部按钮居中

如图所示,当前有一个StepsForm表单,代码如下(基本就是官网的示例修改的)const Demo: React.FC = () => {const Option = [ {key: 1, value: 111, label: 个人 }, {key: 2, value: 222, label: 合作 }, ] const waitTime = (time: number = 100) => {return new Promise…

layui使按钮居中_button按钮居中的方法

今天在写页面时&#xff0c;发现给button按钮设置居中时&#xff0c;css页面写了text-align"center"&#xff0c;但是不起作用&#xff0c;用了display属性也无作用&#xff0c;试了好多次发现要给button按钮添加个p&#xff0c;然后让p居中就可以了。以下写个test来…

Android IMS 语音通话 vs 视频通话 vs 视频彩铃

背景 以下内容基于Android P code。 主要差异 视频通话比语音通话主要是多了判断是否为视频通话&#xff0c;及视频的显示和传输。如下&#xff1a; video call 视频界面显示控制 界面通过IVideoProvider控制camera的显示并设置TextureView等&#xff0c;Ims service通过IV…

Unity 语音和视频通话快速解决方案——声网 SDK接入指南(Android)

Unity 语音和视频通话快速解决方案——声网 SDK接入指南&#xff08;Android&#xff09; 文章目录 Unity 语音和视频通话快速解决方案——声网 SDK接入指南&#xff08;Android&#xff09;一、前言二、后台创建应用三、获取 SDK四、接入 Agora Voice 语音 SDK1. 导入工程2. 搭…

技术分享| 小程序实现音视频通话

上一期我们把前期准备工作做完了&#xff0c;这一期就带大家实现音视频通话&#xff01; sdk 二次封装 为了更好的区分功能&#xff0c;我分成了六个 js 文件 config.js 音视频与呼叫邀请配置 store.js 实现音视频通话的变量 rtc.js 音视频逻辑封装 live-code.js 微信推拉…

快速开放,推荐一个视频通话sdk agora

1&#xff0c;agora 推荐一个做实时视频的sdk。 做互联网公司&#xff0c;要快速做出自己的稳定的产品。 视频&#xff0c;语音聊天还是有一定的门槛的。 http://cn.agora.io/ 做互联网的要的就是要快速 2&#xff0c;每个月还有免费的流量 上线后每月10000分钟免费。这个…

基于linphone android sdk 的voip语音、视频通话 教程三、视频通话

如果觉得下面的麻烦可以直接到https://item.taobao.com/item.htm?id587133228080获取源码。源码功能性更好、更完善。 想测试apk请加群261074724 最新的sdk4教程地址 https://blog.csdn.net/Java_lilin/article/details/84842314 前面两篇介绍了注册、拨打、接听等 参考地…

Web项目引入Agora SDK实现视频通话功能

零、前言 简介&#xff1a;声网Agora。一个专注移动端的高清实时通话云服务解决方案。 &#xff08;1&#xff09;声网Agora成立于2013年&#xff0c;是实时音视频云行业开创者和全球领先的专业PaaS服务商。开发者只需简单调用Agora API&#xff0c;30分钟即可在应用内构建多种…

Android之 集成音视频通话

一&#xff0c;背景 1.1 最近接收一个即时通讯二开项目&#xff0c;即时通讯部分用的XMPP协议&#xff0c;音视频则是集成的国外的开源免费库jitsi-meet-sdk-2.4.0-4.aar&#xff0c;是基于WebRTC的开源框架。但客户想要微信那种页面的排版&#xff0c;后来经研究jitsi是不能修…

Unity实战篇 | 接入 声网SDK 实现 视频通话——自己动手做一个 视频通话

目录 🐱‍🏍前言🎂Unity 接入 声网SDK 实现 音视频通话第1️⃣步,创建声网应用第2️⃣步,获取相应的SDK第3️⃣步,将SDK接入Unity中第4️⃣步:搭建一个测试场景,编写测试代码第5️⃣步:视频通话API第6️⃣步:视频通话 效果测试🎂案例下载链接🎨总结🐱‍🏍

Android技术分享| 视频通话开发流程(二)

多人呼叫 多人呼叫与点对点呼叫区别在于多人呼叫是一次呼叫1个以上的人&#xff0c;中途也可以再呼叫邀请别人加入通话。 整个呼叫的流程跟点对点呼叫类似&#xff0c;但也有些区别&#xff0c;需要添加额外的 API 逻辑来实现功能。下面我们分主叫被叫两种角色来分析。 主叫 …

Web音视频通话解决方案 —— Agora Web SDK NG 版接入教程

引言 随着社会的发展&#xff0c;人们对实时音视频的需求越来越多。在线会议&#xff0c;电商直播&#xff0c;在线教育等相关产品不断涌现。但是对于个人开发者或者小团队来说&#xff0c;自己实现一个实时音视频服务并且要保障服务稳定&#xff0c;满足低延时等要求&#xf…

基于声网 SDK 实现 iOS 端的一对一视频通话

在很多产品&#xff0c;加入实时视频通话已经不是新鲜事情了&#xff0c;尤其是近几年的疫情影响&#xff0c;个人公司国家对于实时音视频的需求一直在快速的增长。例如视频会议、社交应用、实时游戏&#xff0c;甚至也可能出现在一些元宇宙的场景中。 本文将教你如何通过声网…