人脸识别,,将视频上传至阿里接口(金融级实人认证)pc端人脸识别!
<template> <el-page-header @back="goBack"> </el-page-header> <br /> <br /> <br /> <!-- 人脸识别 --> <el-dialog title="实名认证" v-model="dialogvideo" width="40%" :close-on-click-modal="false" :before-close="handleClose" > <div> <div class="CallCamera"> <div class="video-box"> <div> <video ref="video" class="video" v-if="!videoisshow"></video> <div class="video" style="border-radius: 50%" v-loading="loading" element-loading-text="验证中..." element-loading-background="rgba(122, 122, 122, 0.8)" v-if="videoisshow" ></div> <div class="title" v-if="eyes">眨眨眼</div> <div class="title" v-if="yeshead">点点头</div> </div> </div> </div> </div> </el-dialog> <!-- 协议 --> <el-dialog :title="title" v-model="dialogname" width="40%" :close-on-click-modal="false" :show-close="false" :close-on-press-escape="false" center > <div v-html="xieyi" class="xieyi"></div> <template #footer> <div> <el-button type="primary" v-if="xieyei" :disabled="waitConsent" @click="waitConsentyes" >同意 <div v-if="waitConsent">({{ D_time }})</div></el-button > <el-button type="danger" v-if="xieyei" @click="waitConsentNo">不同意</el-button> <el-button type="danger" v-if="!xieyei" @click="dialogname = fasle">关闭</el-button> </div> </template> </el-dialog> <div class="authentication"> <div class="titlewp"> <div class="title"></div> <div class="titletext">人脸识别</div> </div> <div class="namekuang"> <el-form> <el-form-item label="姓名" :label-width="formLabelWidth"> <el-input v-model="name" autocomplete="off" /> </el-form-item> <el-form-item label="身份证号码" :label-width="formLabelWidth"> <el-input v-model="idcard" autocomplete="off" @input="idcardorname" /> </el-form-item> </el-form> <div></div> <div class="namebtn Authenticationbtn"> <div style="flex: 1"></div> <div> <el-checkbox v-model="policy" label="" size="large" @click="nameAuthentication(1)" /> </div> <div> <a class="nameAuthentication" @click="nameAuthentication(3)">《实名认证服务协议》</a> </div> </div> <div class="namebtn Authenticationbtn"> <div style="flex: 1"></div> <div> <el-checkbox v-model="facepolicy" label="" size="large" @click="nameAuthentication(2)" /> </div> <div> <a class="nameAuthentication" @click="nameAuthentication(4)">《人脸识别服务协议》</a> </div> </div> <div class="namebtn"> <div style="flex: 1"></div> <el-button class="name" @click="open()">认证</el-button> </div> </div> </div> </template> <!-- <script setup> import { ref } from 'vue' import { siderrStore } from '../../stores/sider' import { ElNotification } from 'element-plus' let sider = siderrStore() sider.defaultindex = 'Audit_account' let dialogvideo = ref(false) const authentication = async () => { navigator.mediaDevices .getUserMedia({ video: true }) .then((stream) => { let video = document.getElementById('video') //获取video标签 video.srcObject = stream //将实时媒体流给video标签 video.play() //开启video }) .catch((error) => { dialogvideo.value = false console.log('无法访问摄像头', error) ElNotification({ title: '提示', message: '未连接到设备无法访问摄像头,请确认设备连接或者扫码到app进行实名认证', type: 'info', position: 'top-right' }) }) } const open = async () => { dialogvideo.value = true authentication() setTimeout(() => { // 方法区 record() }, 3000) } const goBack = () => { history.back() } let isRecord = ref(false) let recordedBlobs = ref([]) let video_stream = ref('') // 视频录制 const record = async () => { console.log('record') isRecord.value = !isRecord.value let mediaRecorder let options recordedBlobs.value = [] if (typeof MediaRecorder.isTypeSupported === 'function') { // 根据浏览器来设置编码参数 if (MediaRecorder.isTypeSupported('video/webm;codecs=vp9')) { options = { MimeType: 'video/webm;codecs=h264' } } else if (MediaRecorder.isTypeSupported('video/webm;codecs=h264')) { options = { MimeType: 'video/webm;codecs=h264' } } else if (MediaRecorder.isTypeSupported('video/webm;codecs=vp8')) { options = { MimeType: 'video/webm;codecs=vp8' } } mediaRecorder = new MediaRecorder(video_stream.value, options) } else { // console.log('isTypeSupported is not supported, using default codecs for browser'); console.log('当前不支持isTypeSupported，使用浏览器的默认编解码器') mediaRecorder = new MediaRecorder(video_stream.value) } mediaRecorder.start() // 视频录制监听事件 mediaRecorder.ondataavailable = (e) => { console.log(e) // 录制的视频数据有效 if (e.data && e.data.size > 0) { recordedBlobs.value.push(e.data) } } // 停止录像后增加下载视频功能，将视频流转为mp4格式 mediaRecorder.onstop = () => { const blob = new Blob(recordedBlobs.value, { type: 'video/mp4' }) recordedBlobs.value = [] // 将视频链接转换完可以用于在浏览器上预览的本地视频 const videoUrl = window.URL.createObjectURL(blob) // 设置下载链接 document.getElementById('downLoadLink').href = videoUrl // 设置下载mp4格式视频 document.getElementById('downLoadLink').download = 'media.mp4' document.getElementById('downLoadLink').innerHTML = 'DownLoad video file' // 生成随机数字 const rand = Math.floor(Math.random() * 1000000) // 生成视频名 const name = `video${rand}.mp4` // setAttribute() 方法添加指定的属性，并为其赋指定的值 document.getElementById('downLoadLink').setAttribute('download', name) document.getElementById('downLoadLink').setAttribute('name', name) console.log(name) const filename = 'C:\\Users\\k1114\\Downloads\\' + name console.log(filename) // 0.5s后自动下载视频 setTimeout(() => { document.getElementById('downLoadLink').click() }, 500) //上传至后端 let fileobj = new File([blob], name, { type: 'video/mp4' }) let formData = new FormData() //创建form对象 formData.append('filename', fileobj) //通过append向form对象添加数据 console.log(formData.get('filename')) //FormData私有类对象，访问不到，可以通过get判断值是否传进去 //上传 uploadFile(formData) .then((res) => { console.log(res) }) .catch(function (error) { console.log(error) }) } } // 停止录制 const stop = async () => { isRecord.value = !isRecord.value if (!this.$refs.video.srcObject) return const stream = this.$refs.video.srcObject const tracks = stream.getTracks() // 关闭摄像头和音频 tracks.forEach((track) => { track.stop() }) } </script> --> <script> import { ref, reactive } from 'vue' import { realPersonAuthentication, uploadFile } from '../../../api/userinfo' import { ElMessage, ElMessageBox } from 'element-plus' import { siderrStore } from '../../../stores/sider' let sider = siderrStore() sider.defaultindex = 'Audit_account' export default { data() { return { mediaStreamTrack: {}, // 退出时关闭摄像头 video_stream: '', // 视频stream recordedBlobs: [], // 视频音频 blobs isRecord: false, // 视频是否正在录制 dialogvideo: false, // 打开弹框, eyes: false, // 眨眼, yeshead: false, // 点头, loading: true, // 加载, name: '', // 名字, idcard: '', // 身份证, formLabelWidth: 100, // 宽度, videoisshow: false, // 加载, dialogname: false, // 打开实名, waitConsent: true, // 等待, policy: false, // 实名协议, facepolicy: false, // 人脸协议, D_time: 6, // 倒计时, times: null, // 倒计时计时器, title: '《实名认证服务协议》', // 协议名称, xieyei: true, // 协议名称, xieyi: `<p> </p><p> </p>\n<p> </p>\n<p>更新时间：2024年1月1日</p>\n<p>生效时间：2024年1月1日</p>\n<p> </p>\n<p> </p>\n<p><strong>欢迎您使用实名认证服务！</strong></p>\n<p> </p>\n<p><strong>为向您提供特定产品或服务（包括：直播开播、提现、账号认证、账号找回、安全风控、青少年模式、亲子平台、在线交易、预约/购买数字周边），根据适用法律法规（包括《中华人民共和国网络安全法》《中华人民共和国反电信网络诈骗法》《互联网用户账号信息管理规定》《网络直播营销管理办法（试行）》《区块链信息服务管理规定》《中华人民共和国电子商务法》《关于联合开展未成年人网络环境专项治理行动的通知》以及其他适用于您的法律法规、部门规章、政策、国家标准等）的相关要求，上海宽娱数码科技有限公司</strong>（联系电话为021-25099888，注册地址为上海市杨浦区政立路489号801室，常用办公地址为上海市杨浦区政立路485号国正中心3号楼，以下简称“我们”）<strong>需要您根据我们的指引完成实名认证。</strong>为了使用实名认证服务（以下简称“本服务”），请您仔细阅读并确认《实名认证服务协议》（以下简称“本协议”）。</p>\n<p> </p>\n<p><strong>本协议中与您的权益（可能）存在重大关系的条款（包括免除我们责任的条款、限制用户权利的条款、约定的争议解决方式及司法管辖条款等），我们已采用字体加粗的方式来特别提醒您，请您留意重点查阅。您应当在确认充分阅读字体加粗条款，明确理解的前提下使用本服务。</strong></p>\n<p> </p>\n<p> </p>\n<p><strong>一、实名认证服务使用须知</strong></p>\n<p> </p>\n<p><strong>1. 您理解并确认，每个实名认证信息只能绑定一个哔哩哔哩平台账号，实名认证信息审核通过后，除下述情形外，暂不支持变更或解绑，您可通过注销账号方式删除您的实名认证信息。</strong></p>\n<p><strong>（1） 因移民导致身份证明文件失效的，可申请解绑；</strong></p>\n<p><strong>（2） 中国境内（不含港澳台）居民改名的，可持更新后的身份证（相同身份证号）申请变更；</strong></p>\n<p><strong>（3） 非中国境内（不含港澳台）居民的身份证明文件变更的，可持更新后的身份证明文件（相同身份证明文件编号）申请变更。</strong></p>\n<p> </p>\n<p><strong>2. 您应完整提供必要的实名认证信息并确保所提供的实名认证信息真实准确、合法有效，不采用任何任何违法违规、不正当或欺骗手段使用本服务。</strong></p>\n<p> </p>\n<p><strong>3. 如我们发现您在使用本服务过程中存在违反本协议约定的行为，我们有权中止或终止向您提供部分或全部服务，包括但不限于对账号采取封禁、冻结、注销等限制措施。</strong></p>\n<p> </p>\n<p> </p>\n<p><strong>二、个人信息处理规则</strong></p>\n<p> </p>\n<p>1. 我们提供了如下两种实名认证方式，部分场景暂时仅支持部分实名认证方式，具体请以实名认证页面展示为准。</p>\n<p>1.1. 您可以选择使用支付宝的实名认证程序，为了完成实名认证服务，<strong>我们需收集并向支付宝传输您的姓名（敏感个人信息）、身份证件号码（敏感个人信息），并委托其收集您的面部识别特征（敏感个人信息），再由支付宝将上述信息与其合法存有的个人信息进行比对核验。</strong>上述信息仅用于身份核验之目的，我们承诺在完成身份核验后，将立即要求支付宝予以删除，<strong>但适用法律法规另有规定或支付宝依法另行取得您授权的除外。</strong></p>\n<p> </p>\n<p>1.2. 您可以选择人工认证方式完成实名认证程序，为了完成实名认证服务：</p>\n<p>（1） <strong>我们需收集并存储您的姓名（敏感个人信息）、身份证件类型（包括但不限于相应的身份证、军官证、护照、台湾居民来往大陆通行证、港澳居民往来内地通行证等）和相应的证件正反面图片（敏感个人信息）、您手持相应身份证件的照片（敏感个人信息）</strong>。</p>\n<p>（2） <strong>我们需向上海骏聿数码科技有限公司（以下简称“骏聿”）传输您的姓名（敏感个人信息）、身份证件号码（敏感个人信息），并委托其将前述信息提供给合法存有您个人信息的有关政府部门进行比对核验。</strong>前述信息仅用于身份核验之目的，我们承诺在完成身份核验后，将立即要求骏聿予以删除。</p>\n<p> </p>\n<p>2. <strong>如您因改名、移民等原因需要换绑您的实名认证信息，您可以联系人工客服完成实名认证解绑流程。为了完成实名认证解绑流程，我们需要您提供新的身份证正反面照片（敏感个人信息）或海外新证件的正反面照片（敏感个人信息），以便人工客服核验您的身份信息、完成解绑流程。</strong></p>\n<p> </p>\n<p>3. 在前述委托处理个人信息的场景中，我们会要求支付宝、骏聿根据适用法律法规的要求签署相关个人信息处理协议或文件，并对其个人信息使用活动进行监督。我们将审慎评估支付宝、骏聿使用个人信息的目的，对支付宝、骏聿的安全保障能力进行综合评估，并要求其遵循协议或文件约定。我们会对支付宝、骏聿获取个人信息的应用程序接口（API）进行严格的安全监测，以保护个人信息安全。</p>\n<p> </p>\n<p>4. 如您选择人脸识别方式完成实名认证程序，该方式下具体的个人信息处理规则请见<a href=\"https://www.bilibili.com/blackboard/activity-msK3lx0JRp.html\" target=\"_self\">《人脸识别服务协议》</a> 。</p>\n<p> </p>\n<p>5. 我们将在中华人民共和国境内、在实现上述目的所需的期限内存储您的实名认证信息，在超出存储期限后，我们将会根据适用法律法规的要求删除您的实名认证信息或匿名化处理，除非适用法律法规另有规定或我们依照适用法律法规另行取得您的授权。</p>\n<p> </p>\n<p>6. <strong>您通过页面点击，即视为您知悉并授权我们出于上述目的、方式、个人信息的类型处理您的实名认证信息。如您不同意上述授权，请不要进行下一步操作，同时您将无法使用本服务</strong>，但这并不影响我们为您提供的其他权益或服务，适用法律法规另有规定的除外。</p>\n<p> </p>\n<p>7. <strong>实名认证信息属于敏感个人信息，一旦泄露或被非法使用，可能会对您的人身、财产安全、个人隐私等造成损害，请您在确保安全的情况下提供</strong>。我们也会采取适用法律法规规定的技术保护手段，通过加密等方式保护您提供的实名认证信息，严格设定信息访问权限，防止信息遭到未经授权的访问、公开披露、修改、损坏、丢失，尽力确保信息安全。</p>\n<p> </p>\n<p>8. 如您对本协议的内容或使用本服务时遇到的与个人信息保护相关的事宜有任何疑问或进行咨询、投诉或举报，或决定行使适用法律法规规定的权利时，您可以通过《哔哩哔哩隐私政策》中公示的联系方式与我们沟通解决。我们非常重视您对个人信息的管理，并将尽全力保护您对于个人信息享有的法定权利，以使您有能力保障您的信息安全。</p>\n<p> </p>\n<p> </p>\n<p><strong>三、免责声明</strong></p>\n<p> </p>\n<p><strong>1. 我们将尽最大努力为您提供积极有效的本服务支持，但由于技术局限，我们无法保证网络服务一定能满足您的要求（包括但不限于网络服务的及时性、安全性、准确性）。</strong></p>\n<p> </p>\n<p><strong>2. 如您发现实名认证不成功，请尝试重新发起实名认证流程，或通过在线客服进行咨询或提交反馈意见。</strong></p>\n<p> </p>\n<p><strong>3. 因不可抗力（鉴于互联网之特殊性质，不可抗力亦包括黑客攻击、电信部门技术调整导致之重大影响、因政府管制导致的暂时关闭、病毒侵袭等影响互联网正常运行之情形）及不可归责于我们的原因而产生的损失，我们不承担任何责任，但将尽力减少因此而给您造成的损失和影响。</strong></p>\n<p> </p>\n<p> </p>\n<p><strong>四、其他</strong></p>\n<p> </p>\n<p><strong>1. 本协议基于《哔哩哔哩弹幕网用户使用协议》《哔哩哔哩隐私政策》《哔哩哔哩直播姬隐私政策》以及我们发布的相关协议、规则、声明、公告、政策、活动规则等（以下统称“哔哩哔哩服务条款”）制定，您在使用本服务的同时应遵守本协议、哔哩哔哩服务条款。</strong></p>\n<p> </p>\n<p><strong>2. 我们可能会根据本服务的整体规划等，对本服务、本协议进行修改，若您不同意前述修改事项，您可停止使用本服务。您继续使用本服务，即视为您接受并同意本协议所有条款，包括前述修改事项。</strong></p>\n<p> </p>\n<p>3. 本协议的成立、生效、履行、解释及纠纷解决，适用中华人民共和国法律。本协议项下因与中华人民共和国现行法律冲突而导致部分无效，不影响其他部分的效力。</p>\n<p> </p>\n<p><strong>4. 如就本协议内容或执行发生任何争议，应尽量友好协商解决；协商不成时，则争议双方均一致同意将争议提交上海仲裁委员会按照其仲裁规则进行仲裁，仲裁裁决为一裁终局，对争议双方均有法律约束力。</strong></p>\n<p> </p>\n<p>5. 本协议未尽事宜，或与国家、地方有关规定相悖的，按有关规定执行。</p>\n<p> </p>` } }, mounted() { // 进入页面 调用摄像头 // // // window.onerror = () => { // // mes 报错信息, source 那个文件, line 第几行, column 第几列, error 错误的对象 // this.$notify({ // title: '录制失败', // message: '请点击结束录制并重新尝试', // type: 'warning' // }) // } }, methods: { //同意协议 waitConsentyes() { this.dialogname = false this.D_time = 6 this.waitConsent = true if (this.title == '《实名认证服务协议》') { this.policy = true } else if (this.title == '《人脸识别服务协议》') { this.facepolicy = true } }, //不同意协议 waitConsentNo() { this.waitConsent = true this.dialogname = false if (this.title == '《实名认证服务协议》') { clearInterval(this.times) this.policy = false console.log(this.title) } else if (this.title == '《人脸识别服务协议》') { clearInterval(this.times) console.log(this.title) this.facepolicy = false } }, // 返回上一页 goBack() { window.history.go(-1) }, // 点开实名政策 nameAuthentication(res) { this.dialogname = true if (res == 3) { this.xieyei = false this.title = '《实名认证服务协议》' this.xieyi = `<p> </p><p> </p>\n<p> </p>\n<p>更新时间：2024年1月1日</p>\n<p>生效时间：2024年1月1日</p>\n<p> </p>\n<p> </p>\n<p><strong>欢迎您使用实名认证服务！</strong></p>\n<p> </p>\n<p><strong>为向您提供特定产品或服务（包括：直播开播、提现、账号认证、账号找回、安全风控、青少年模式、亲子平台、在线交易、预约/购买数字周边），根据适用法律法规（包括《中华人民共和国网络安全法》《中华人民共和国反电信网络诈骗法》《互联网用户账号信息管理规定》《网络直播营销管理办法（试行）》《区块链信息服务管理规定》《中华人民共和国电子商务法》《关于联合开展未成年人网络环境专项治理行动的通知》以及其他适用于您的法律法规、部门规章、政策、国家标准等）的相关要求，上海宽娱数码科技有限公司</strong>（联系电话为021-25099888，注册地址为上海市杨浦区政立路489号801室，常用办公地址为上海市杨浦区政立路485号国正中心3号楼，以下简称“我们”）<strong>需要您根据我们的指引完成实名认证。</strong>为了使用实名认证服务（以下简称“本服务”），请您仔细阅读并确认《实名认证服务协议》（以下简称“本协议”）。</p>\n<p> </p>\n<p><strong>本协议中与您的权益（可能）存在重大关系的条款（包括免除我们责任的条款、限制用户权利的条款、约定的争议解决方式及司法管辖条款等），我们已采用字体加粗的方式来特别提醒您，请您留意重点查阅。您应当在确认充分阅读字体加粗条款，明确理解的前提下使用本服务。</strong></p>\n<p> </p>\n<p> </p>\n<p><strong>一、实名认证服务使用须知</strong></p>\n<p> </p>\n<p><strong>1. 您理解并确认，每个实名认证信息只能绑定一个哔哩哔哩平台账号，实名认证信息审核通过后，除下述情形外，暂不支持变更或解绑，您可通过注销账号方式删除您的实名认证信息。</strong></p>\n<p><strong>（1） 因移民导致身份证明文件失效的，可申请解绑；</strong></p>\n<p><strong>（2） 中国境内（不含港澳台）居民改名的，可持更新后的身份证（相同身份证号）申请变更；</strong></p>\n<p><strong>（3） 非中国境内（不含港澳台）居民的身份证明文件变更的，可持更新后的身份证明文件（相同身份证明文件编号）申请变更。</strong></p>\n<p> </p>\n<p><strong>2. 您应完整提供必要的实名认证信息并确保所提供的实名认证信息真实准确、合法有效，不采用任何任何违法违规、不正当或欺骗手段使用本服务。</strong></p>\n<p> </p>\n<p><strong>3. 如我们发现您在使用本服务过程中存在违反本协议约定的行为，我们有权中止或终止向您提供部分或全部服务，包括但不限于对账号采取封禁、冻结、注销等限制措施。</strong></p>\n<p> </p>\n<p> </p>\n<p><strong>二、个人信息处理规则</strong></p>\n<p> </p>\n<p>1. 我们提供了如下两种实名认证方式，部分场景暂时仅支持部分实名认证方式，具体请以实名认证页面展示为准。</p>\n<p>1.1. 您可以选择使用支付宝的实名认证程序，为了完成实名认证服务，<strong>我们需收集并向支付宝传输您的姓名（敏感个人信息）、身份证件号码（敏感个人信息），并委托其收集您的面部识别特征（敏感个人信息），再由支付宝将上述信息与其合法存有的个人信息进行比对核验。</strong>上述信息仅用于身份核验之目的，我们承诺在完成身份核验后，将立即要求支付宝予以删除，<strong>但适用法律法规另有规定或支付宝依法另行取得您授权的除外。</strong></p>\n<p> </p>\n<p>1.2. 您可以选择人工认证方式完成实名认证程序，为了完成实名认证服务：</p>\n<p>（1） <strong>我们需收集并存储您的姓名（敏感个人信息）、身份证件类型（包括但不限于相应的身份证、军官证、护照、台湾居民来往大陆通行证、港澳居民往来内地通行证等）和相应的证件正反面图片（敏感个人信息）、您手持相应身份证件的照片（敏感个人信息）</strong>。</p>\n<p>（2） <strong>我们需向上海骏聿数码科技有限公司（以下简称“骏聿”）传输您的姓名（敏感个人信息）、身份证件号码（敏感个人信息），并委托其将前述信息提供给合法存有您个人信息的有关政府部门进行比对核验。</strong>前述信息仅用于身份核验之目的，我们承诺在完成身份核验后，将立即要求骏聿予以删除。</p>\n<p> </p>\n<p>2. <strong>如您因改名、移民等原因需要换绑您的实名认证信息，您可以联系人工客服完成实名认证解绑流程。为了完成实名认证解绑流程，我们需要您提供新的身份证正反面照片（敏感个人信息）或海外新证件的正反面照片（敏感个人信息），以便人工客服核验您的身份信息、完成解绑流程。</strong></p>\n<p> </p>\n<p>3. 在前述委托处理个人信息的场景中，我们会要求支付宝、骏聿根据适用法律法规的要求签署相关个人信息处理协议或文件，并对其个人信息使用活动进行监督。我们将审慎评估支付宝、骏聿使用个人信息的目的，对支付宝、骏聿的安全保障能力进行综合评估，并要求其遵循协议或文件约定。我们会对支付宝、骏聿获取个人信息的应用程序接口（API）进行严格的安全监测，以保护个人信息安全。</p>\n<p> </p>\n<p>4. 如您选择人脸识别方式完成实名认证程序，该方式下具体的个人信息处理规则请见<a href=\"https://www.bilibili.com/blackboard/activity-msK3lx0JRp.html\" target=\"_self\">《人脸识别服务协议》</a> 。</p>\n<p> </p>\n<p>5. 我们将在中华人民共和国境内、在实现上述目的所需的期限内存储您的实名认证信息，在超出存储期限后，我们将会根据适用法律法规的要求删除您的实名认证信息或匿名化处理，除非适用法律法规另有规定或我们依照适用法律法规另行取得您的授权。</p>\n<p> </p>\n<p>6. <strong>您通过页面点击，即视为您知悉并授权我们出于上述目的、方式、个人信息的类型处理您的实名认证信息。如您不同意上述授权，请不要进行下一步操作，同时您将无法使用本服务</strong>，但这并不影响我们为您提供的其他权益或服务，适用法律法规另有规定的除外。</p>\n<p> </p>\n<p>7. <strong>实名认证信息属于敏感个人信息，一旦泄露或被非法使用，可能会对您的人身、财产安全、个人隐私等造成损害，请您在确保安全的情况下提供</strong>。我们也会采取适用法律法规规定的技术保护手段，通过加密等方式保护您提供的实名认证信息，严格设定信息访问权限，防止信息遭到未经授权的访问、公开披露、修改、损坏、丢失，尽力确保信息安全。</p>\n<p> </p>\n<p>8. 如您对本协议的内容或使用本服务时遇到的与个人信息保护相关的事宜有任何疑问或进行咨询、投诉或举报，或决定行使适用法律法规规定的权利时，您可以通过《哔哩哔哩隐私政策》中公示的联系方式与我们沟通解决。我们非常重视您对个人信息的管理，并将尽全力保护您对于个人信息享有的法定权利，以使您有能力保障您的信息安全。</p>\n<p> </p>\n<p> </p>\n<p><strong>三、免责声明</strong></p>\n<p> </p>\n<p><strong>1. 我们将尽最大努力为您提供积极有效的本服务支持，但由于技术局限，我们无法保证网络服务一定能满足您的要求（包括但不限于网络服务的及时性、安全性、准确性）。</strong></p>\n<p> </p>\n<p><strong>2. 如您发现实名认证不成功，请尝试重新发起实名认证流程，或通过在线客服进行咨询或提交反馈意见。</strong></p>\n<p> </p>\n<p><strong>3. 因不可抗力（鉴于互联网之特殊性质，不可抗力亦包括黑客攻击、电信部门技术调整导致之重大影响、因政府管制导致的暂时关闭、病毒侵袭等影响互联网正常运行之情形）及不可归责于我们的原因而产生的损失，我们不承担任何责任，但将尽力减少因此而给您造成的损失和影响。</strong></p>\n<p> </p>\n<p> </p>\n<p><strong>四、其他</strong></p>\n<p> </p>\n<p><strong>1. 本协议基于《哔哩哔哩弹幕网用户使用协议》《哔哩哔哩隐私政策》《哔哩哔哩直播姬隐私政策》以及我们发布的相关协议、规则、声明、公告、政策、活动规则等（以下统称“哔哩哔哩服务条款”）制定，您在使用本服务的同时应遵守本协议、哔哩哔哩服务条款。</strong></p>\n<p> </p>\n<p><strong>2. 我们可能会根据本服务的整体规划等，对本服务、本协议进行修改，若您不同意前述修改事项，您可停止使用本服务。您继续使用本服务，即视为您接受并同意本协议所有条款，包括前述修改事项。</strong></p>\n<p> </p>\n<p>3. 本协议的成立、生效、履行、解释及纠纷解决，适用中华人民共和国法律。本协议项下因与中华人民共和国现行法律冲突而导致部分无效，不影响其他部分的效力。</p>\n<p> </p>\n<p><strong>4. 如就本协议内容或执行发生任何争议，应尽量友好协商解决；协商不成时，则争议双方均一致同意将争议提交上海仲裁委员会按照其仲裁规则进行仲裁，仲裁裁决为一裁终局，对争议双方均有法律约束力。</strong></p>\n<p> </p>\n<p>5. 本协议未尽事宜，或与国家、地方有关规定相悖的，按有关规定执行。</p>\n<p> </p>` return } else if (res == 4) { this.xieyei = false this.title = '《人脸识别服务协议》' this.xieyi = `<p> </p><p> </p>\n<p> </p>\n<p>更新时间：2024年1月1日</p>\n<p>生效时间：2024年1月1日</p>\n<p> </p>\n<p> </p>\n<p><strong>欢迎您使用实名认证服务！</strong></p>\n<p> </p>\n<p><strong>为向您提供特定产品或服务（包括：直播开播、提现、账号认证、账号找回、安全风控、青少年模式、亲子平台、在线交易、预约/购买数字周边），根据适用法律法规（包括《中华人民共和国网络安全法》《中华人民共和国反电信网络诈骗法》《互联网用户账号信息管理规定》《网络直播营销管理办法（试行）》《区块链信息服务管理规定》《中华人民共和国电子商务法》《关于联合开展未成年人网络环境专项治理行动的通知》以及其他适用于您的法律法规、部门规章、政策、国家标准等）的相关要求，上海宽娱数码科技有限公司</strong>（联系电话为021-25099888，注册地址为上海市杨浦区政立路489号801室，常用办公地址为上海市杨浦区政立路485号国正中心3号楼，以下简称“我们”）<strong>需要您根据我们的指引完成实名认证。</strong>为了使用实名认证服务（以下简称“本服务”），请您仔细阅读并确认《实名认证服务协议》（以下简称“本协议”）。</p>\n<p> </p>\n<p><strong>本协议中与您的权益（可能）存在重大关系的条款（包括免除我们责任的条款、限制用户权利的条款、约定的争议解决方式及司法管辖条款等），我们已采用字体加粗的方式来特别提醒您，请您留意重点查阅。您应当在确认充分阅读字体加粗条款，明确理解的前提下使用本服务。</strong></p>\n<p> </p>\n<p> </p>\n<p><strong>一、实名认证服务使用须知</strong></p>\n<p> </p>\n<p><strong>1. 您理解并确认，每个实名认证信息只能绑定一个哔哩哔哩平台账号，实名认证信息审核通过后，除下述情形外，暂不支持变更或解绑，您可通过注销账号方式删除您的实名认证信息。</strong></p>\n<p><strong>（1） 因移民导致身份证明文件失效的，可申请解绑；</strong></p>\n<p><strong>（2） 中国境内（不含港澳台）居民改名的，可持更新后的身份证（相同身份证号）申请变更；</strong></p>\n<p><strong>（3） 非中国境内（不含港澳台）居民的身份证明文件变更的，可持更新后的身份证明文件（相同身份证明文件编号）申请变更。</strong></p>\n<p> </p>\n<p><strong>2. 您应完整提供必要的实名认证信息并确保所提供的实名认证信息真实准确、合法有效，不采用任何任何违法违规、不正当或欺骗手段使用本服务。</strong></p>\n<p> </p>\n<p><strong>3. 如我们发现您在使用本服务过程中存在违反本协议约定的行为，我们有权中止或终止向您提供部分或全部服务，包括但不限于对账号采取封禁、冻结、注销等限制措施。</strong></p>\n<p> </p>\n<p> </p>\n<p><strong>二、个人信息处理规则</strong></p>\n<p> </p>\n<p>1. 我们提供了如下两种实名认证方式，部分场景暂时仅支持部分实名认证方式，具体请以实名认证页面展示为准。</p>\n<p>1.1. 您可以选择使用支付宝的实名认证程序，为了完成实名认证服务，<strong>我们需收集并向支付宝传输您的姓名（敏感个人信息）、身份证件号码（敏感个人信息），并委托其收集您的面部识别特征（敏感个人信息），再由支付宝将上述信息与其合法存有的个人信息进行比对核验。</strong>上述信息仅用于身份核验之目的，我们承诺在完成身份核验后，将立即要求支付宝予以删除，<strong>但适用法律法规另有规定或支付宝依法另行取得您授权的除外。</strong></p>\n<p> </p>\n<p>1.2. 您可以选择人工认证方式完成实名认证程序，为了完成实名认证服务：</p>\n<p>（1） <strong>我们需收集并存储您的姓名（敏感个人信息）、身份证件类型（包括但不限于相应的身份证、军官证、护照、台湾居民来往大陆通行证、港澳居民往来内地通行证等）和相应的证件正反面图片（敏感个人信息）、您手持相应身份证件的照片（敏感个人信息）</strong>。</p>\n<p>（2） <strong>我们需向上海骏聿数码科技有限公司（以下简称“骏聿”）传输您的姓名（敏感个人信息）、身份证件号码（敏感个人信息），并委托其将前述信息提供给合法存有您个人信息的有关政府部门进行比对核验。</strong>前述信息仅用于身份核验之目的，我们承诺在完成身份核验后，将立即要求骏聿予以删除。</p>\n<p> </p>\n<p>2. <strong>如您因改名、移民等原因需要换绑您的实名认证信息，您可以联系人工客服完成实名认证解绑流程。为了完成实名认证解绑流程，我们需要您提供新的身份证正反面照片（敏感个人信息）或海外新证件的正反面照片（敏感个人信息），以便人工客服核验您的身份信息、完成解绑流程。</strong></p>\n<p> </p>\n<p>3. 在前述委托处理个人信息的场景中，我们会要求支付宝、骏聿根据适用法律法规的要求签署相关个人信息处理协议或文件，并对其个人信息使用活动进行监督。我们将审慎评估支付宝、骏聿使用个人信息的目的，对支付宝、骏聿的安全保障能力进行综合评估，并要求其遵循协议或文件约定。我们会对支付宝、骏聿获取个人信息的应用程序接口（API）进行严格的安全监测，以保护个人信息安全。</p>\n<p> </p>\n<p>4. 如您选择人脸识别方式完成实名认证程序，该方式下具体的个人信息处理规则请见<a href=\"https://www.bilibili.com/blackboard/activity-msK3lx0JRp.html\" target=\"_self\">《人脸识别服务协议》</a> 。</p>\n<p> </p>\n<p>5. 我们将在中华人民共和国境内、在实现上述目的所需的期限内存储您的实名认证信息，在超出存储期限后，我们将会根据适用法律法规的要求删除您的实名认证信息或匿名化处理，除非适用法律法规另有规定或我们依照适用法律法规另行取得您的授权。</p>\n<p> </p>\n<p>6. <strong>您通过页面点击，即视为您知悉并授权我们出于上述目的、方式、个人信息的类型处理您的实名认证信息。如您不同意上述授权，请不要进行下一步操作，同时您将无法使用本服务</strong>，但这并不影响我们为您提供的其他权益或服务，适用法律法规另有规定的除外。</p>\n<p> </p>\n<p>7. <strong>实名认证信息属于敏感个人信息，一旦泄露或被非法使用，可能会对您的人身、财产安全、个人隐私等造成损害，请您在确保安全的情况下提供</strong>。我们也会采取适用法律法规规定的技术保护手段，通过加密等方式保护您提供的实名认证信息，严格设定信息访问权限，防止信息遭到未经授权的访问、公开披露、修改、损坏、丢失，尽力确保信息安全。</p>\n<p> </p>\n<p>8. 如您对本协议的内容或使用本服务时遇到的与个人信息保护相关的事宜有任何疑问或进行咨询、投诉或举报，或决定行使适用法律法规规定的权利时，您可以通过《哔哩哔哩隐私政策》中公示的联系方式与我们沟通解决。我们非常重视您对个人信息的管理，并将尽全力保护您对于个人信息享有的法定权利，以使您有能力保障您的信息安全。</p>\n<p> </p>\n<p> </p>\n<p><strong>三、免责声明</strong></p>\n<p> </p>\n<p><strong>1. 我们将尽最大努力为您提供积极有效的本服务支持，但由于技术局限，我们无法保证网络服务一定能满足您的要求（包括但不限于网络服务的及时性、安全性、准确性）。</strong></p>\n<p> </p>\n<p><strong>2. 如您发现实名认证不成功，请尝试重新发起实名认证流程，或通过在线客服进行咨询或提交反馈意见。</strong></p>\n<p> </p>\n<p><strong>3. 因不可抗力（鉴于互联网之特殊性质，不可抗力亦包括黑客攻击、电信部门技术调整导致之重大影响、因政府管制导致的暂时关闭、病毒侵袭等影响互联网正常运行之情形）及不可归责于我们的原因而产生的损失，我们不承担任何责任，但将尽力减少因此而给您造成的损失和影响。</strong></p>\n<p> </p>\n<p> </p>\n<p><strong>四、其他</strong></p>\n<p> </p>\n<p><strong>1. 本协议基于《哔哩哔哩弹幕网用户使用协议》《哔哩哔哩隐私政策》《哔哩哔哩直播姬隐私政策》以及我们发布的相关协议、规则、声明、公告、政策、活动规则等（以下统称“哔哩哔哩服务条款”）制定，您在使用本服务的同时应遵守本协议、哔哩哔哩服务条款。</strong></p>\n<p> </p>\n<p><strong>2. 我们可能会根据本服务的整体规划等，对本服务、本协议进行修改，若您不同意前述修改事项，您可停止使用本服务。您继续使用本服务，即视为您接受并同意本协议所有条款，包括前述修改事项。</strong></p>\n<p> </p>\n<p>3. 本协议的成立、生效、履行、解释及纠纷解决，适用中华人民共和国法律。本协议项下因与中华人民共和国现行法律冲突而导致部分无效，不影响其他部分的效力。</p>\n<p> </p>\n<p><strong>4. 如就本协议内容或执行发生任何争议，应尽量友好协商解决；协商不成时，则争议双方均一致同意将争议提交上海仲裁委员会按照其仲裁规则进行仲裁，仲裁裁决为一裁终局，对争议双方均有法律约束力。</strong></p>\n<p> </p>\n<p>5. 本协议未尽事宜，或与国家、地方有关规定相悖的，按有关规定执行。</p>\n<p> </p>` return } else { this.xieyei = true } this.D_time = 6 if (res == 1) { this.title = '《实名认证服务协议》' this.xieyi = `<p> </p><p> </p>\n<p> </p>\n<p>更新时间：2024年1月1日</p>\n<p>生效时间：2024年1月1日</p>\n<p> </p>\n<p> </p>\n<p><strong>欢迎您使用实名认证服务！</strong></p>\n<p> </p>\n<p><strong>为向您提供特定产品或服务（包括：直播开播、提现、账号认证、账号找回、安全风控、青少年模式、亲子平台、在线交易、预约/购买数字周边），根据适用法律法规（包括《中华人民共和国网络安全法》《中华人民共和国反电信网络诈骗法》《互联网用户账号信息管理规定》《网络直播营销管理办法（试行）》《区块链信息服务管理规定》《中华人民共和国电子商务法》《关于联合开展未成年人网络环境专项治理行动的通知》以及其他适用于您的法律法规、部门规章、政策、国家标准等）的相关要求，上海宽娱数码科技有限公司</strong>（联系电话为021-25099888，注册地址为上海市杨浦区政立路489号801室，常用办公地址为上海市杨浦区政立路485号国正中心3号楼，以下简称“我们”）<strong>需要您根据我们的指引完成实名认证。</strong>为了使用实名认证服务（以下简称“本服务”），请您仔细阅读并确认《实名认证服务协议》（以下简称“本协议”）。</p>\n<p> </p>\n<p><strong>本协议中与您的权益（可能）存在重大关系的条款（包括免除我们责任的条款、限制用户权利的条款、约定的争议解决方式及司法管辖条款等），我们已采用字体加粗的方式来特别提醒您，请您留意重点查阅。您应当在确认充分阅读字体加粗条款，明确理解的前提下使用本服务。</strong></p>\n<p> </p>\n<p> </p>\n<p><strong>一、实名认证服务使用须知</strong></p>\n<p> </p>\n<p><strong>1. 您理解并确认，每个实名认证信息只能绑定一个哔哩哔哩平台账号，实名认证信息审核通过后，除下述情形外，暂不支持变更或解绑，您可通过注销账号方式删除您的实名认证信息。</strong></p>\n<p><strong>（1） 因移民导致身份证明文件失效的，可申请解绑；</strong></p>\n<p><strong>（2） 中国境内（不含港澳台）居民改名的，可持更新后的身份证（相同身份证号）申请变更；</strong></p>\n<p><strong>（3） 非中国境内（不含港澳台）居民的身份证明文件变更的，可持更新后的身份证明文件（相同身份证明文件编号）申请变更。</strong></p>\n<p> </p>\n<p><strong>2. 您应完整提供必要的实名认证信息并确保所提供的实名认证信息真实准确、合法有效，不采用任何任何违法违规、不正当或欺骗手段使用本服务。</strong></p>\n<p> </p>\n<p><strong>3. 如我们发现您在使用本服务过程中存在违反本协议约定的行为，我们有权中止或终止向您提供部分或全部服务，包括但不限于对账号采取封禁、冻结、注销等限制措施。</strong></p>\n<p> </p>\n<p> </p>\n<p><strong>二、个人信息处理规则</strong></p>\n<p> </p>\n<p>1. 我们提供了如下两种实名认证方式，部分场景暂时仅支持部分实名认证方式，具体请以实名认证页面展示为准。</p>\n<p>1.1. 您可以选择使用支付宝的实名认证程序，为了完成实名认证服务，<strong>我们需收集并向支付宝传输您的姓名（敏感个人信息）、身份证件号码（敏感个人信息），并委托其收集您的面部识别特征（敏感个人信息），再由支付宝将上述信息与其合法存有的个人信息进行比对核验。</strong>上述信息仅用于身份核验之目的，我们承诺在完成身份核验后，将立即要求支付宝予以删除，<strong>但适用法律法规另有规定或支付宝依法另行取得您授权的除外。</strong></p>\n<p> </p>\n<p>1.2. 您可以选择人工认证方式完成实名认证程序，为了完成实名认证服务：</p>\n<p>（1） <strong>我们需收集并存储您的姓名（敏感个人信息）、身份证件类型（包括但不限于相应的身份证、军官证、护照、台湾居民来往大陆通行证、港澳居民往来内地通行证等）和相应的证件正反面图片（敏感个人信息）、您手持相应身份证件的照片（敏感个人信息）</strong>。</p>\n<p>（2） <strong>我们需向上海骏聿数码科技有限公司（以下简称“骏聿”）传输您的姓名（敏感个人信息）、身份证件号码（敏感个人信息），并委托其将前述信息提供给合法存有您个人信息的有关政府部门进行比对核验。</strong>前述信息仅用于身份核验之目的，我们承诺在完成身份核验后，将立即要求骏聿予以删除。</p>\n<p> </p>\n<p>2. <strong>如您因改名、移民等原因需要换绑您的实名认证信息，您可以联系人工客服完成实名认证解绑流程。为了完成实名认证解绑流程，我们需要您提供新的身份证正反面照片（敏感个人信息）或海外新证件的正反面照片（敏感个人信息），以便人工客服核验您的身份信息、完成解绑流程。</strong></p>\n<p> </p>\n<p>3. 在前述委托处理个人信息的场景中，我们会要求支付宝、骏聿根据适用法律法规的要求签署相关个人信息处理协议或文件，并对其个人信息使用活动进行监督。我们将审慎评估支付宝、骏聿使用个人信息的目的，对支付宝、骏聿的安全保障能力进行综合评估，并要求其遵循协议或文件约定。我们会对支付宝、骏聿获取个人信息的应用程序接口（API）进行严格的安全监测，以保护个人信息安全。</p>\n<p> </p>\n<p>4. 如您选择人脸识别方式完成实名认证程序，该方式下具体的个人信息处理规则请见<a href=\"https://www.bilibili.com/blackboard/activity-msK3lx0JRp.html\" target=\"_self\">《人脸识别服务协议》</a> 。</p>\n<p> </p>\n<p>5. 我们将在中华人民共和国境内、在实现上述目的所需的期限内存储您的实名认证信息，在超出存储期限后，我们将会根据适用法律法规的要求删除您的实名认证信息或匿名化处理，除非适用法律法规另有规定或我们依照适用法律法规另行取得您的授权。</p>\n<p> </p>\n<p>6. <strong>您通过页面点击，即视为您知悉并授权我们出于上述目的、方式、个人信息的类型处理您的实名认证信息。如您不同意上述授权，请不要进行下一步操作，同时您将无法使用本服务</strong>，但这并不影响我们为您提供的其他权益或服务，适用法律法规另有规定的除外。</p>\n<p> </p>\n<p>7. <strong>实名认证信息属于敏感个人信息，一旦泄露或被非法使用，可能会对您的人身、财产安全、个人隐私等造成损害，请您在确保安全的情况下提供</strong>。我们也会采取适用法律法规规定的技术保护手段，通过加密等方式保护您提供的实名认证信息，严格设定信息访问权限，防止信息遭到未经授权的访问、公开披露、修改、损坏、丢失，尽力确保信息安全。</p>\n<p> </p>\n<p>8. 如您对本协议的内容或使用本服务时遇到的与个人信息保护相关的事宜有任何疑问或进行咨询、投诉或举报，或决定行使适用法律法规规定的权利时，您可以通过《哔哩哔哩隐私政策》中公示的联系方式与我们沟通解决。我们非常重视您对个人信息的管理，并将尽全力保护您对于个人信息享有的法定权利，以使您有能力保障您的信息安全。</p>\n<p> </p>\n<p> </p>\n<p><strong>三、免责声明</strong></p>\n<p> </p>\n<p><strong>1. 我们将尽最大努力为您提供积极有效的本服务支持，但由于技术局限，我们无法保证网络服务一定能满足您的要求（包括但不限于网络服务的及时性、安全性、准确性）。</strong></p>\n<p> </p>\n<p><strong>2. 如您发现实名认证不成功，请尝试重新发起实名认证流程，或通过在线客服进行咨询或提交反馈意见。</strong></p>\n<p> </p>\n<p><strong>3. 因不可抗力（鉴于互联网之特殊性质，不可抗力亦包括黑客攻击、电信部门技术调整导致之重大影响、因政府管制导致的暂时关闭、病毒侵袭等影响互联网正常运行之情形）及不可归责于我们的原因而产生的损失，我们不承担任何责任，但将尽力减少因此而给您造成的损失和影响。</strong></p>\n<p> </p>\n<p> </p>\n<p><strong>四、其他</strong></p>\n<p> </p>\n<p><strong>1. 本协议基于《哔哩哔哩弹幕网用户使用协议》《哔哩哔哩隐私政策》《哔哩哔哩直播姬隐私政策》以及我们发布的相关协议、规则、声明、公告、政策、活动规则等（以下统称“哔哩哔哩服务条款”）制定，您在使用本服务的同时应遵守本协议、哔哩哔哩服务条款。</strong></p>\n<p> </p>\n<p><strong>2. 我们可能会根据本服务的整体规划等，对本服务、本协议进行修改，若您不同意前述修改事项，您可停止使用本服务。您继续使用本服务，即视为您接受并同意本协议所有条款，包括前述修改事项。</strong></p>\n<p> </p>\n<p>3. 本协议的成立、生效、履行、解释及纠纷解决，适用中华人民共和国法律。本协议项下因与中华人民共和国现行法律冲突而导致部分无效，不影响其他部分的效力。</p>\n<p> </p>\n<p><strong>4. 如就本协议内容或执行发生任何争议，应尽量友好协商解决；协商不成时，则争议双方均一致同意将争议提交上海仲裁委员会按照其仲裁规则进行仲裁，仲裁裁决为一裁终局，对争议双方均有法律约束力。</strong></p>\n<p> </p>\n<p>5. 本协议未尽事宜，或与国家、地方有关规定相悖的，按有关规定执行。</p>\n<p> </p>` } else if (res == 2) { this.title = '《人脸识别服务协议》' this.xieyi = `<p> </p><p> </p>\n<p> </p>\n<p>更新时间：2024年1月1日</p>\n<p>生效时间：2024年1月1日</p>\n<p> </p>\n<p> </p>\n<p><strong>欢迎您使用实名认证服务！</strong></p>\n<p> </p>\n<p><strong>为向您提供特定产品或服务（包括：直播开播、提现、账号认证、账号找回、安全风控、青少年模式、亲子平台、在线交易、预约/购买数字周边），根据适用法律法规（包括《中华人民共和国网络安全法》《中华人民共和国反电信网络诈骗法》《互联网用户账号信息管理规定》《网络直播营销管理办法（试行）》《区块链信息服务管理规定》《中华人民共和国电子商务法》《关于联合开展未成年人网络环境专项治理行动的通知》以及其他适用于您的法律法规、部门规章、政策、国家标准等）的相关要求，上海宽娱数码科技有限公司</strong>（联系电话为021-25099888，注册地址为上海市杨浦区政立路489号801室，常用办公地址为上海市杨浦区政立路485号国正中心3号楼，以下简称“我们”）<strong>需要您根据我们的指引完成实名认证。</strong>为了使用实名认证服务（以下简称“本服务”），请您仔细阅读并确认《实名认证服务协议》（以下简称“本协议”）。</p>\n<p> </p>\n<p><strong>本协议中与您的权益（可能）存在重大关系的条款（包括免除我们责任的条款、限制用户权利的条款、约定的争议解决方式及司法管辖条款等），我们已采用字体加粗的方式来特别提醒您，请您留意重点查阅。您应当在确认充分阅读字体加粗条款，明确理解的前提下使用本服务。</strong></p>\n<p> </p>\n<p> </p>\n<p><strong>一、实名认证服务使用须知</strong></p>\n<p> </p>\n<p><strong>1. 您理解并确认，每个实名认证信息只能绑定一个哔哩哔哩平台账号，实名认证信息审核通过后，除下述情形外，暂不支持变更或解绑，您可通过注销账号方式删除您的实名认证信息。</strong></p>\n<p><strong>（1） 因移民导致身份证明文件失效的，可申请解绑；</strong></p>\n<p><strong>（2） 中国境内（不含港澳台）居民改名的，可持更新后的身份证（相同身份证号）申请变更；</strong></p>\n<p><strong>（3） 非中国境内（不含港澳台）居民的身份证明文件变更的，可持更新后的身份证明文件（相同身份证明文件编号）申请变更。</strong></p>\n<p> </p>\n<p><strong>2. 您应完整提供必要的实名认证信息并确保所提供的实名认证信息真实准确、合法有效，不采用任何任何违法违规、不正当或欺骗手段使用本服务。</strong></p>\n<p> </p>\n<p><strong>3. 如我们发现您在使用本服务过程中存在违反本协议约定的行为，我们有权中止或终止向您提供部分或全部服务，包括但不限于对账号采取封禁、冻结、注销等限制措施。</strong></p>\n<p> </p>\n<p> </p>\n<p><strong>二、个人信息处理规则</strong></p>\n<p> </p>\n<p>1. 我们提供了如下两种实名认证方式，部分场景暂时仅支持部分实名认证方式，具体请以实名认证页面展示为准。</p>\n<p>1.1. 您可以选择使用支付宝的实名认证程序，为了完成实名认证服务，<strong>我们需收集并向支付宝传输您的姓名（敏感个人信息）、身份证件号码（敏感个人信息），并委托其收集您的面部识别特征（敏感个人信息），再由支付宝将上述信息与其合法存有的个人信息进行比对核验。</strong>上述信息仅用于身份核验之目的，我们承诺在完成身份核验后，将立即要求支付宝予以删除，<strong>但适用法律法规另有规定或支付宝依法另行取得您授权的除外。</strong></p>\n<p> </p>\n<p>1.2. 您可以选择人工认证方式完成实名认证程序，为了完成实名认证服务：</p>\n<p>（1） <strong>我们需收集并存储您的姓名（敏感个人信息）、身份证件类型（包括但不限于相应的身份证、军官证、护照、台湾居民来往大陆通行证、港澳居民往来内地通行证等）和相应的证件正反面图片（敏感个人信息）、您手持相应身份证件的照片（敏感个人信息）</strong>。</p>\n<p>（2） <strong>我们需向上海骏聿数码科技有限公司（以下简称“骏聿”）传输您的姓名（敏感个人信息）、身份证件号码（敏感个人信息），并委托其将前述信息提供给合法存有您个人信息的有关政府部门进行比对核验。</strong>前述信息仅用于身份核验之目的，我们承诺在完成身份核验后，将立即要求骏聿予以删除。</p>\n<p> </p>\n<p>2. <strong>如您因改名、移民等原因需要换绑您的实名认证信息，您可以联系人工客服完成实名认证解绑流程。为了完成实名认证解绑流程，我们需要您提供新的身份证正反面照片（敏感个人信息）或海外新证件的正反面照片（敏感个人信息），以便人工客服核验您的身份信息、完成解绑流程。</strong></p>\n<p> </p>\n<p>3. 在前述委托处理个人信息的场景中，我们会要求支付宝、骏聿根据适用法律法规的要求签署相关个人信息处理协议或文件，并对其个人信息使用活动进行监督。我们将审慎评估支付宝、骏聿使用个人信息的目的，对支付宝、骏聿的安全保障能力进行综合评估，并要求其遵循协议或文件约定。我们会对支付宝、骏聿获取个人信息的应用程序接口（API）进行严格的安全监测，以保护个人信息安全。</p>\n<p> </p>\n<p>4. 如您选择人脸识别方式完成实名认证程序，该方式下具体的个人信息处理规则请见<a href=\"https://www.bilibili.com/blackboard/activity-msK3lx0JRp.html\" target=\"_self\">《人脸识别服务协议》</a> 。</p>\n<p> </p>\n<p>5. 我们将在中华人民共和国境内、在实现上述目的所需的期限内存储您的实名认证信息，在超出存储期限后，我们将会根据适用法律法规的要求删除您的实名认证信息或匿名化处理，除非适用法律法规另有规定或我们依照适用法律法规另行取得您的授权。</p>\n<p> </p>\n<p>6. <strong>您通过页面点击，即视为您知悉并授权我们出于上述目的、方式、个人信息的类型处理您的实名认证信息。如您不同意上述授权，请不要进行下一步操作，同时您将无法使用本服务</strong>，但这并不影响我们为您提供的其他权益或服务，适用法律法规另有规定的除外。</p>\n<p> </p>\n<p>7. <strong>实名认证信息属于敏感个人信息，一旦泄露或被非法使用，可能会对您的人身、财产安全、个人隐私等造成损害，请您在确保安全的情况下提供</strong>。我们也会采取适用法律法规规定的技术保护手段，通过加密等方式保护您提供的实名认证信息，严格设定信息访问权限，防止信息遭到未经授权的访问、公开披露、修改、损坏、丢失，尽力确保信息安全。</p>\n<p> </p>\n<p>8. 如您对本协议的内容或使用本服务时遇到的与个人信息保护相关的事宜有任何疑问或进行咨询、投诉或举报，或决定行使适用法律法规规定的权利时，您可以通过《哔哩哔哩隐私政策》中公示的联系方式与我们沟通解决。我们非常重视您对个人信息的管理，并将尽全力保护您对于个人信息享有的法定权利，以使您有能力保障您的信息安全。</p>\n<p> </p>\n<p> </p>\n<p><strong>三、免责声明</strong></p>\n<p> </p>\n<p><strong>1. 我们将尽最大努力为您提供积极有效的本服务支持，但由于技术局限，我们无法保证网络服务一定能满足您的要求（包括但不限于网络服务的及时性、安全性、准确性）。</strong></p>\n<p> </p>\n<p><strong>2. 如您发现实名认证不成功，请尝试重新发起实名认证流程，或通过在线客服进行咨询或提交反馈意见。</strong></p>\n<p> </p>\n<p><strong>3. 因不可抗力（鉴于互联网之特殊性质，不可抗力亦包括黑客攻击、电信部门技术调整导致之重大影响、因政府管制导致的暂时关闭、病毒侵袭等影响互联网正常运行之情形）及不可归责于我们的原因而产生的损失，我们不承担任何责任，但将尽力减少因此而给您造成的损失和影响。</strong></p>\n<p> </p>\n<p> </p>\n<p><strong>四、其他</strong></p>\n<p> </p>\n<p><strong>1. 本协议基于《哔哩哔哩弹幕网用户使用协议》《哔哩哔哩隐私政策》《哔哩哔哩直播姬隐私政策》以及我们发布的相关协议、规则、声明、公告、政策、活动规则等（以下统称“哔哩哔哩服务条款”）制定，您在使用本服务的同时应遵守本协议、哔哩哔哩服务条款。</strong></p>\n<p> </p>\n<p><strong>2. 我们可能会根据本服务的整体规划等，对本服务、本协议进行修改，若您不同意前述修改事项，您可停止使用本服务。您继续使用本服务，即视为您接受并同意本协议所有条款，包括前述修改事项。</strong></p>\n<p> </p>\n<p>3. 本协议的成立、生效、履行、解释及纠纷解决，适用中华人民共和国法律。本协议项下因与中华人民共和国现行法律冲突而导致部分无效，不影响其他部分的效力。</p>\n<p> </p>\n<p><strong>4. 如就本协议内容或执行发生任何争议，应尽量友好协商解决；协商不成时，则争议双方均一致同意将争议提交上海仲裁委员会按照其仲裁规则进行仲裁，仲裁裁决为一裁终局，对争议双方均有法律约束力。</strong></p>\n<p> </p>\n<p>5. 本协议未尽事宜，或与国家、地方有关规定相悖的，按有关规定执行。</p>\n<p> </p>` } this.times = setInterval(() => { this.D_time-- //递减 console.log(this.D_time) if (this.D_time === 0) { this.waitConsent = false // === 0 变成获取按钮 clearInterval(this.times) this.D_time = 6 } }, 1000) }, // 打开弹框和摄像头 open() { if (this.name.length < 2 || this.name.length > 20) { ElMessage({ type: 'warning', message: '请输入正确的姓名' }) return } else if (this.idcard.length != 18) { ElMessage({ type: 'warning', message: '请输入正确的身份证号码' }) return } else if (this.policy == false) { ElMessage({ type: 'warning', message: '请先查看并同意《实名认证服务协议》' }) } else if (this.facepolicy == false) { ElMessage({ type: 'warning', message: '请先查看并同意《人脸识别服务协议》' }) } else { // this.dialogvideo = true this.getCamera() this.mutePage() this.loading = true this.videoisshow = false // } }, // 关闭弹框前 handleClose() { ElMessageBox.alert('正在认证中,确定要关闭?', '温馨提示', { confirmButtonText: '确定', callback: (action) => { this.dialogvideo = false this.stop() } }) }, // 静音 muteMe(elem) { elem.muted = true elem.pause() }, // 全部静音 mutePage() { document.querySelectorAll('video, audio').forEach((elem) => this.muteMe(elem)) }, // 调用打开摄像头功能 getCamera() { // 旧版本浏览器可能根本不支持mediaDevices，我们首先设置一个空对象 if (navigator.mediaDevices === undefined) { navigator.mediaDevices = {} } navigator.mediaDevices .getUserMedia({ video: true, audio: false, video: { width: { ideal: 640 }, height: { ideal: 480 }, frameRate: { ideal: 24, max: 24 } // 设置理想的帧率为30fps } }) .then((stream) => { // 摄像头开启成功 this.mediaStreamTrack = typeof stream.stop === 'function' ? stream : stream.getTracks()[0] console.log(stream) this.video_stream = stream this.$refs.video.srcObject = stream this.$refs.video.play() setTimeout(() => { this.eyes = true setTimeout(() => { this.eyes = false this.yeshead = true setTimeout(() => { this.yeshead = false }, 2000) }, 2000) this.record() }, 3000) }) .catch((err) => { console.log(err) }) }, // 录制或暂停 // 视频录制 record() { console.log('record') // this.isRecord = !this.isRecord let mediaRecorder let options this.recordedBlobs = [] setTimeout(() => { mediaRecorder.stop() this.videoisshow = true }, 5000) if (typeof MediaRecorder.isTypeSupported === 'function') { // 根据浏览器来设置编码参数 if (MediaRecorder.isTypeSupported('video/webm;codecs=vp9')) { options = { MimeType: 'video/webm;codecs=vp9' } } else if (MediaRecorder.isTypeSupported('video/webm;codecs=h264')) { options = { MimeType: 'video/webm;codecs=h264' } } else if (MediaRecorder.isTypeSupported('video/webm;codecs=vp8')) { options = { MimeType: 'video/webm;codecs=vp8' } } mediaRecorder = new MediaRecorder(this.video_stream, options) } else { // console.log('isTypeSupported is not supported, using default codecs for browser'); console.log('当前不支持isTypeSupported，使用浏览器的默认编解码器') mediaRecorder = new MediaRecorder(this.video_stream) } mediaRecorder.start() // 视频录制监听事件 mediaRecorder.ondataavailable = (e) => { console.log(e, '=====') // 录制的视频数据有效 if (e.data && e.data.size > 0) { this.recordedBlobs.push(e.data) } } // 停止录像后增加下载视频功能，将视频流转为mp4格式 mediaRecorder.onstop = () => { const blob = new Blob(this.recordedBlobs, { type: 'video/mp4' }) this.recordedBlobs = [] // 将视频链接转换完可以用于在浏览器上预览的本地视频 const videoUrl = window.URL.createObjectURL(blob) console.log(videoUrl) // 生成随机数字 const rand = Math.floor(Math.random() * 1000000) // 生成视频名 const name = `video${rand}.mp4` console.log(name) //上传至后端 let fileobj = new File([blob], name, { type: 'video/mp4' }) console.log(fileobj) let formData = new FormData() //创建form对象 formData.append('certName', this.name) formData.append('certNo', this.idcard) formData.append('file', fileobj) //通过append向form对象添加数据 console.log(formData.get('file')) //FormData私有类对象，访问不到，可以通过get判断值是否传进去 //上传 realPersonAuthentication(formData) .then((res) => { if (res.data.status == 200) { //请求头要为表单 console.log(res.data) setTimeout(() => { this.loading = false this.dialogvideo = false this.videoisshow = true window.history.go(-2) ElMessage({ type: 'success', message: '认证通过' }) }, 1500) } else if (res.data.status == 500) { //请求头要为表单 console.log(res.data) setTimeout(() => { this.loading = false this.dialogvideo = false this.videoisshow = true ElMessage({ type: 'error', message: `${res.data.msg},请重试` }) }, 1500) } }) .catch(function (error) { console.log(error) }) } }, // 停止录制 stop() { if (!this.$refs.video.srcObject) return const stream = this.$refs.video.srcObject const tracks = stream.getTracks() // 关闭摄像头和音频 tracks.forEach((track) => { track.stop() }) } } } </script> <style lang="scss" scoped> .title { color: #007768; font-size: 2.4rem; font-weight: 900; cursor: pointer; } .video-box { margin: 0 auto; text-align: center; .video { width: 30rem; height: 30rem; border-radius: 50%; margin: 0 auto; object-fit: cover; } } .authentication { } :deep(.el-loading-mask) { border-radius: 50%; } .namekuang { width: 400px; text-align: center; margin: 5rem auto; } .namebtn { display: flex; } .name { width: 300px; background: #007768; color: #fff; text-align: right; } .xieyi { height: 40rem; overflow-y: scroll; } .Authenticationbtn { width: 306px; } .nameAuthentication { cursor: pointer; line-height: 40px; font-size: 18px; } .titlewp { position: relative; .title { position: absolute; left: 0; top: 0.3rem; width: 0.6rem; height: 1.5rem; background: #007768; border-radius: 0.3rem; content: ''; } .titletext { margin-left: 1.5rem; color: #333; font-size: 2.4rem; line-height: 2.2rem; font-weight: 900; } } </style>
此视频为 webm格式视频
需要传入后端,后端利用ffmpeg将视频转换为mp4格式
mport java.io.BufferedReader; import java.io.IOException; import java.io.InputStreamReader; public class WebMToMP4Converter { public static void main(String[] args) throws IOException { String inputFilePath = "input.webm"; // 输入的WebM文件路径 String outputFilePath = "output.mp4"; // 输出的MP4文件路径 ProcessBuilder processBuilder = new ProcessBuilder("ffmpeg", "-i", inputFilePath, outputFilePath); Process process = processBuilder.start(); BufferedReader reader = new BufferedReader(new InputStreamReader(process.getErrorStream())); StringBuilder errorOutput = new StringBuilder(); String line; while ((line = reader.readLine()) != null) { errorOutput.append(line).append("\n"); } int exitCode = -1; try { exitCode = process.waitFor(); } catch (InterruptedException e) { e.printStackTrace(); } finally { if (exitCode == 0) { System.out.println("转换成功！"); } else { System.err.println("转换失败：" + errorOutput.toString()); } process.destroy(); } } }
