{"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
OBS第三方推流直播教程
\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是一款比较好用的开源直播软件,目前支持的操作系统包括:win7,win10,苹果的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
OBS安装:
\r\n\r\n
OBS 安装时直接运行obs的安装源文件,一直点下一步就可以了。
\r\n\r\n
\r\n
常见问答1:
\r\n\r\n
如果是安装的OBS studio有一步是选择插件的,如下图,其中框起来的部分是支持intel 实感摄像头的插件,如果主播没有实感摄像头可以不勾选,如果有intel的实感摄像头可以选择勾选。(其实中咖直播已经支持intel 实感摄像头了,可以自己查看教程哦!)
\r\n\r\n
\r\n
常见问答2:
\r\n\r\n
如果安装过程中有如下提示,说明电脑缺少必要的组件,选择“是”,下载组件并安装
\r\n\r\n
\r\n
OBS使用步骤
\r\n\r\n
1、打开OBS软件,界面如下
\r\n\r\n
\r\n
2、添加场景:在左下角的场景部分,点击“+”添加场景,输入场景名字,确定即可。(一开始已经默认有一个场景,可以直接使用)
\r\n\r\n
\r\n
3、添加来源:在来源部分,点击“+”添加相应的画面来源,比如游戏、文本、图像、摄像头等。
\r\n\r\n
\r\n
举例1:游戏捕获英雄联盟。
\r\n\r\n
添加“游戏捕获”,点击后在弹窗输入游戏源的名称,点击“确定”,在弹出的游戏源窗口中,选择“捕捉特定窗口”,然后选择游戏,其他设置默认即可(这种方式相当于是中咖的进程直播,通过识别游戏的进程名抓取游戏);
\r\n\r\n
\r\n
\r\n
举例2:窗口捕获英雄联盟。
\r\n\r\n
添加“窗口捕获”,点击后在弹窗输入名称,点击“确定”,在弹出的获取窗口中,勾选“捕捉光标”和“多适配器的兼容性”,其他设置默认即可。(这种方式相当于是中咖的窗口屏幕捕捉,这里注意屏幕捕捉是获取不到全屏的画面,要将游戏设置为无边框或者是窗口全屏化)
\r\n\r\n
\r\n
4、其他图层添加:如果想添加文本、图片或者摄像头,只需要在添加中选择对应的选项即可;
\r\n\r\n
\r\n
5、图层的显示与隐藏:在添加好的图层中,在图层后面有个眼睛样式的图标,可以点击控制图层是否显示;
\r\n\r\n
6、图层大小调节:选中一个图层,在obs的预览中该图层出现红框,鼠标拖动红框即可调节图层的显示大小;
\r\n\r\n
\r\n
\r\n
OBS直播参数设定
\r\n\r\n
1、点击主界面右下方的“设置”按钮,如下图
\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蓝光4M:4000(推荐4000)
\r\n蓝光6M:6000
\r\n以此类推。。。
\r\n\r\n
3)关键帧间隔:建议设置为3,注意不要设置为0,可能会造成黑屏
\r\n\r\n
OBS Studio的设置截图:
\r\n\r\n
\r\n
4、视频中的设置:
\r\n\r\n
1)分辨率:如果希望直播画面比较流畅,网速也可以的话可以选择1920*1080,如果网速比较差,建议选择1280*720
\r\n\r\n
2)FPS:既帧数,可以参考在中咖直播中的帧数
\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
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
注意:使用第三方软件推流以后,中咖PC客户端设置中的参数全部无效,使用的是OBS中设定的参数,具体的设定方法参考上面的讲解。
\r\n\r\n
3、进入开播工作台界面中,将“推流地址”填到OBS的串流页面,选择“自定义流媒体服务器”,将中咖PC客户端的“推流地址”复制到OBS中的“URL”,点击“确定”后即可。
\r\n\r\n
\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":""}