{"version":3,"sources":["webpack:///./src/views/live/LiveCourse.vue","webpack:///./src/views/live/pageOBS.js","webpack:///./src/views/live/LiveCourse.vue?415a","webpack:///./src/views/live/LiveCourse.vue?1685"],"names":["class","headernav","item","index","key","text","mainData","data","icon","name","show","components","methods","init","this","location","reload","mounted","setup","props","ctx","__exports__","render"],"mappings":"0IACKA,MAAM,e,GACJA,MAAM,O,GAGFA,MAAM,W,wEAJjB,gCASM,MATN,EASM,CARJ,gCAMM,MANN,EAMM,CALJ,gCAIK,Y,2BAHH,gCAEK,2CAFsB,EAAAC,WAAS,SAAxBC,EAAKC,G,gCAAjB,gCAEK,MAFkCC,IAAKD,GAAK,CAC/C,gCAAoC,IAApC,EAAoC,6BAAfD,EAAKG,MAAI,Q,UAIpC,gCAA0C,OAArCL,MAAM,OAAO,UAAQ,EAAAM,U,4BCTtBC,EAAO,211EAiUEA,IDhTTN,EAAY,CAChB,CAAEO,KAAM,SAAUH,KAAM,MACxB,CAAEG,KAAM,UAAWH,KAAM,MACzB,CAAEG,KAAM,aAAcH,KAAM,QAEf,GACbI,KAAM,aACNF,KAFa,WAGX,MAAO,CACLD,SAAU,EACVI,KAAM,kBAAI,KAGdC,WAAY,GACZC,QAAS,CACPC,KADO,WAEAC,KAAKJ,OACRI,KAAKJ,MAAO,EACZK,SAASC,YAIfC,QAjBa,aA2BbC,MA3Ba,SA2BNC,EAAOC,GAQZ,MAAO,CACLnB,e,iCEnDN,MAAMoB,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAASC,GAAQ,CAAC,YAAY,qBAE1E,gB,yDCTf","file":"static/js/chunk-c46c8b14.36d63ee9.js","sourcesContent":["\r\n\r\n\r\n\r\n","const data = `\r\n

OBS第三方推流直播教程

\r\n

 

\r\n



\r\n

第三方推流使用场景:

\r\n

 

\r\n

1、当使用中咖PC客户端进行直播遇到问题,暂无解决方法的时候,可以使用第三方直播软件OBS进行推流。

\r\n

 

\r\n

2、对OBS情有独钟的主播。

\r\n

 

\r\n

OBS简介:

\r\n

 

\r\n

OBS是一款比较好用的开源直播软件,目前支持的操作系统包括:win7win10,苹果的OS X系统,不支持XP系统。目前OBS有两款产品,一款为旧版本的OBS Classic,一款为新版本的OBS Studio,建议使用OBS Studio

\r\n

 

\r\n

OBS下载:

\r\n

 

\r\n

OBS下载地址:https://obsproject.com/download

\r\n

 

\r\n

\"图形用户界面,

\r\n

 

\r\n

OBS安装:

\r\n

 

\r\n

OBS 安装时直接运行obs的安装源文件,一直点下一步就可以了。

\r\n

 

\r\n

\"图形用户界面,

\r\n

 

\r\n

常见问答1

\r\n

 

\r\n

如果是安装的OBS studio有一步是选择插件的,如下图,其中框起来的部分是支持intel 实感摄像头的插件,如果主播没有实感摄像头可以不勾选,如果有intel的实感摄像头可以选择勾选。(其实中咖直播已经支持intel 实感摄像头了,可以自己查看教程哦!)

\r\n

 

\r\n

\r\n

 

\r\n

常见问答2

\r\n

 

\r\n

如果安装过程中有如下提示,说明电脑缺少必要的组件,选择,下载组件并安装

\r\n

 

\r\n

\"图形用户界面,

\r\n

 

\r\n

OBS使用步骤

\r\n

 

\r\n

1、打开OBS软件,界面如下

\r\n

 

\r\n

\"图形用户界面\r\n\r\n描述已自动生成\"

\r\n

 

\r\n

2、添加场景:在左下角的场景部分,点击“+”添加场景,输入场景名字,确定即可。(一开始已经默认有一个场景,可以直接使用)

\r\n

 

\r\n

\"图形用户界面,

\r\n

 

\r\n

3、添加来源:在来源部分,点击“+”添加相应的画面来源,比如游戏、文本、图像、摄像头等。

\r\n

 

\r\n

\"图形用户界面\r\n\r\n描述已自动生成\"

\r\n

 

\r\n

举例1:游戏捕获英雄联盟。

\r\n

 

\r\n

添加游戏捕获,点击后在弹窗输入游戏源的名称,点击确定,在弹出的游戏源窗口中,选择捕捉特定窗口,然后选择游戏,其他设置默认即可(这种方式相当于是中咖的进程直播,通过识别游戏的进程名抓取游戏);

\r\n

 

\r\n

\"图形用户界面,

\r\n

 

\r\n

\"图形用户界面\r\n\r\n描述已自动生成\"

\r\n

 

\r\n

举例2:窗口捕获英雄联盟。

\r\n

 

\r\n

添加窗口捕获,点击后在弹窗输入名称,点击确定,在弹出的获取窗口中,勾选捕捉光标多适配器的兼容性,其他设置默认即可。(这种方式相当于是中咖的窗口屏幕捕捉,这里注意屏幕捕捉是获取不到全屏的画面,要将游戏设置为无边框或者是窗口全屏化

\r\n

 

\r\n

\"图形用户界面,

\r\n

\"图形用户界面,

\r\n

 

\r\n

4、其他图层添加:如果想添加文本、图片或者摄像头,只需要在添加中选择对应的选项即可;

\r\n

 

\r\n

\"图形用户界面\r\n\r\n描述已自动生成\"

\r\n

 

\r\n

5、图层的显示与隐藏:在添加好的图层中,在图层后面有个眼睛样式的图标,可以点击控制图层是否显示;

\r\n

 

\r\n

6、图层大小调节:选中一个图层,在obs的预览中该图层出现红框,鼠标拖动红框即可调节图层的显示大小;

\r\n

 

\r\n

\"图形用户界面\r\n\r\n描述已自动生成\"

\r\n

 

\r\n

 

\r\n

OBS直播参数设定

\r\n

 

\r\n

1、点击主界面右下方的设置按钮,如下图

\r\n

 

\r\n

\"图形用户界面\r\n\r\n描述已自动生成\"

\r\n

 

\r\n

\"图形用户界面,

\r\n

 

\r\n

2、串流:后面会讲到如何在中咖PC客户端中获取串流码,再填进来。

\r\n

 

\r\n

3、输出:

\r\n

 

\r\n

1)编码器中x264相当于中咖直播中的CPU H.264编码,NVENC H.264相当于中咖直播中的NVIDIA H.264。(推荐选择NVENC H.264,用硬件编码,这样可以节省CPU消耗)

\r\n

 

\r\n

2)比特率:既码率,可以根据自己网速及电脑设备进行填写。

\r\n

高清:1200

\r\n

超清:2000

\r\n

蓝光:3000

\r\n

蓝光4M4000(推荐4000

\r\n

蓝光6M6000

\r\n

以此类推。。。

\r\n

 

\r\n

3)关键帧间隔:建议设置为3,注意不要设置为0,可能会造成黑屏

\r\n

 

\r\n

OBS Studio的设置截图:

\r\n

 

\r\n

\"图形用户界面,

\r\n

 

\r\n

4、视频中的设置:

\r\n

 

\r\n

1)分辨率:如果希望直播画面比较流畅,网速也可以的话可以选择1920*1080,如果网速比较差,建议选择1280*720

\r\n

 

\r\n

2FPS:既帧数,可以参考在中咖直播中的帧数

\r\n

 

\r\n

\"图形用户界面,

\r\n

 

\r\n

5、音频中的设置

\r\n

 

\r\n

1)采样率:使用44.1khz

\r\n

 

\r\n

2)桌面音频设备:选择自己的扬声器

\r\n

 

\r\n

3)麦克风:选择自己的麦克风即可

\r\n

 

\r\n

其他的参数使用默认值,设置好以后,点击确定

\r\n

 

\r\n

\"图形用户界面\r\n\r\n描述已自动生成\"

\r\n

 

\r\n

6、其他的设置项按照默认设置即可,不需要额外设置,全部设置好以后,点击确定即可。

\r\n

第三方推流开播流程

\r\n

 

\r\n

操作步骤:

\r\n

 

\r\n

1、打开刚才设置好的OBS软件,同时打开中咖PC版。

\r\n

 

\r\n

2、在开播界面点击立即直播

\r\n

 

\r\n

\"图片包含

\r\n

 

\r\n

注意:使用第三方软件推流以后,中咖PC客户端设置中的参数全部无效,使用的是OBS中设定的参数,具体的设定方法参考上面的讲解。

\r\n

 

\r\n

3、进入开播工作台界面中,将推流地址填到OBS的串流页面,选择自定义流媒体服务器,将中咖PC客户端的推流地址复制到OBS中的“URL”,点击确定后即可。

\r\n

 

\r\n

\"图形用户界面\r\n\r\n低可信度描述已自动生成\"

\r\n

 

\r\n

\"3OBS21.jpg\"

\r\n

 

\r\n

4、在OBS中设置好其他的参数,具体设置方法参考上面的“OBS直播参数设定

\r\n

 

\r\n

5、在OBS中点击开始串流,进入游戏就可以开始直播了。

\r\n

 

\r\n

\r\n

 

`\r\n\r\nexport default data\r\n","import { render } from \"./LiveCourse.vue?vue&type=template&id=6a820196&scoped=true\"\nimport script from \"./LiveCourse.vue?vue&type=script&lang=js\"\nexport * from \"./LiveCourse.vue?vue&type=script&lang=js\"\n\nimport \"./LiveCourse.vue?vue&type=style&index=0&id=6a820196&lang=scss&scoped=true\"\n\nimport exportComponent from \"E:\\\\vue-cli-pc\\\\model-project-vue3\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-6a820196\"]])\n\nexport default __exports__","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./LiveCourse.vue?vue&type=style&index=0&id=6a820196&lang=scss&scoped=true\""],"sourceRoot":""}