diff --git a/view/molistar/modules/h5Chat/css/index.css b/view/molistar/modules/h5Chat/css/index.css new file mode 100644 index 0000000..1d85da1 --- /dev/null +++ b/view/molistar/modules/h5Chat/css/index.css @@ -0,0 +1,70 @@ +body { + width: 100%; +} + +.bg { + width: 10rem; + height: 21.65333rem; + background: url(../images/bg.png) no-repeat; + background-size: 100% 100%; + position: relative; + margin: 0 auto 0; +} + +.bg .chat { + width: 7.41333rem; + height: 4.88rem; + position: absolute; + left: 0.68rem; + top: 12.66667rem; + background: rgba(247, 245, 245, 0.3); +} + +.bottom { + position: fixed; + left: 50%; + transform: translateX(-50%); + bottom: 0; + width: 10rem; + height: 1.62667rem; + border-radius: 0.61333rem 0.61333rem 0 0; + background: rgba(255, 255, 255, 0.2); +} + +.bottom .text { + width: 2.4rem; + height: 0.74667rem; + line-height: 0.74667rem; + border-radius: 0.74667rem; + box-sizing: border-box; + padding: 0 0.26667rem; + position: absolute; + background: rgba(0, 0, 0, 0.1); + color: #fff; + font-size: 0.26667rem; + font-weight: 500; + border: none; + outline: none; + position: absolute; + left: 1.06667rem; + top: 50%; + transform: translateY(-50%); +} + +.bottom .text::placeholder { + color: #fff; +} + +.bottom img { + width: 0.77333rem; + height: 0.77333rem; + position: absolute; + left: 3.82667rem; + top: 50%; + transform: translateY(-50%); + border-radius: 50%; +} + +.bottom #finishCall { + display: none; +} diff --git a/view/molistar/modules/h5Chat/css/index.scss b/view/molistar/modules/h5Chat/css/index.scss new file mode 100644 index 0000000..98f7be9 --- /dev/null +++ b/view/molistar/modules/h5Chat/css/index.scss @@ -0,0 +1,75 @@ +@function px2rem($px) { + @return $px / 75+rem; +} + +body { + width: 100%; +} + +.bg { + width: px2rem(750); + height: px2rem(1624); + background: url(../images/bg.png) no-repeat; + background-size: 100% 100%; + position: relative; + margin: 0 auto 0; + + .chat { + width: px2rem(556); + height: px2rem(366); + position: absolute; + left: px2rem(51); + top: px2rem(950); + background: rgba(247, 245, 245, 0.3); + } +} + +.bottom { + position: fixed; + left: 50%; + transform: translateX(-50%); + bottom: 0; + width: px2rem(750); + height: px2rem(122); + border-radius: px2rem(46) px2rem(46) 0 0; + background: rgba(255, 255, 255, .2); + + .text { + width: px2rem(180); + height: px2rem(56); + line-height: px2rem(56); + border-radius: px2rem(56); + box-sizing: border-box; + padding: 0 px2rem(20); + position: absolute; + background: rgba(0, 0, 0, .1); + color: #fff; + font-size: px2rem(20); + font-weight: 500; + border: none; + outline: none; + position: absolute; + left: px2rem(80); + top: 50%; + transform: translateY(-50%); + + &::placeholder { + color: #fff; + } + } + + img { + width: px2rem(58); + height: px2rem(58); + // background: rgba(0, 0, 0, .1); + position: absolute; + left: px2rem(287); + top: 50%; + transform: translateY(-50%); + border-radius: 50%; + } + + #finishCall { + display: none; + } +} \ No newline at end of file diff --git a/view/molistar/modules/h5Chat/images/bg.png b/view/molistar/modules/h5Chat/images/bg.png new file mode 100644 index 0000000..9b6dc23 Binary files /dev/null and b/view/molistar/modules/h5Chat/images/bg.png differ diff --git a/view/molistar/modules/h5Chat/images/finishCall.png b/view/molistar/modules/h5Chat/images/finishCall.png new file mode 100644 index 0000000..ebdb044 Binary files /dev/null and b/view/molistar/modules/h5Chat/images/finishCall.png differ diff --git a/view/molistar/modules/h5Chat/images/startCall.png b/view/molistar/modules/h5Chat/images/startCall.png new file mode 100644 index 0000000..6ee6e36 Binary files /dev/null and b/view/molistar/modules/h5Chat/images/startCall.png differ diff --git a/view/molistar/modules/h5Chat/index.html b/view/molistar/modules/h5Chat/index.html new file mode 100644 index 0000000..fa8876f --- /dev/null +++ b/view/molistar/modules/h5Chat/index.html @@ -0,0 +1,35 @@ + + + + + + + 多人聊天 + + + + + + +
+ +
聊天内容
+
+ +
+ + + +
+ + + + + + + + + + + \ No newline at end of file diff --git a/view/molistar/modules/h5Chat/js/NIM_Web_NERTC_v5.6.30.js b/view/molistar/modules/h5Chat/js/NIM_Web_NERTC_v5.6.30.js new file mode 100644 index 0000000..71ff934 --- /dev/null +++ b/view/molistar/modules/h5Chat/js/NIM_Web_NERTC_v5.6.30.js @@ -0,0 +1,17 @@ +/*! NeRTC 5.6.30|BUILD v5.6.30-0-g69470ab8 production 20240726 */ +!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.NERTC=t():e.NERTC=t()}(window,(function(){return function(e){var t={};function i(r){if(t[r])return t[r].exports;var s=t[r]={i:r,l:!1,exports:{}};return e[r].call(s.exports,s,s.exports,i),s.l=!0,s.exports}return i.m=e,i.c=t,i.d=function(e,t,r){i.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},i.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.t=function(e,t){if(1&t&&(e=i(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(i.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var s in e)i.d(r,s,function(t){return e[t]}.bind(null,s));return r},i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,"a",t),t},i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.p="",i(i.s=209)}([function(e,t){var i=e.exports="undefined"!=typeof window&&window.Math==Math?window:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")();"number"==typeof __g&&(__g=i)},function(e,t,i){var r=i(28)("wks"),s=i(18),a=i(0).Symbol,o="function"==typeof a;(e.exports=function(e){return r[e]||(r[e]=o&&a[e]||(o?a:s)("Symbol."+e))}).store=r},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.getParameters=void 0;const r=i(113);let s={tracks:{audio:[],video:[]},logUpload:!1,reportWS:null,shimVideoOrientation:"never",shimCanvas:"ios151",clients:[],localStreams:[],debugG2:!1,passEnvCheck:!1,enableAlerter:"never",videoLowMaxWidth:320,videoLowMaxHeight:180,videoLowFramerate:15,videoLowCheckCanvasBlank:"ios",screenLowMaxWidth:320,screenLowMaxHeight:180,screenLowFramerate:15,controlOnPaused:!0,hideControlOnResume:!0,maxTransportRebuildCnt:Number.MAX_SAFE_INTEGER,logLevel:r.loglevels.INFO,forceLogLevel:-1,forceLogUpload:"default",forceGeofenceArea:"NONE",forceListenDeviceChange:!0,codecOptions:{audio:{opusStereo:!0,opusDtx:!0}},videoHighStartBitrate:1e3,videoHighMinBitrate:0,videoLowStartBitrate:500,videoLowMinBitrate:0,screenHighStartBitrate:2e3,screenHighMinBitrate:0,screenLowStartBitrate:500,screenLowMinBitrate:0,screenFocus:"no-focus-change",screenSurfaceSwitching:"default",screenDisplaySurface:"default",screenPreferCurrentTab:!1,screenSelfBrowserSurface:"default",allowEmptyMedia:!0,keepLocalstreamOnLeave:!1,joinFirstTimeout:2e3,joinMaxRetry:3,reconnectionFirstTimeout:2e3,reconnectionMaxRetry:3,signalProbeEnabled:!0,peerLeaveEventOnReconnect:!0,leaveOnUnload:!0,trustOnOnline:!0,trustOnOffline:!1,trustUnhandledrejection:!1,h264Wait:1e3,encoderWatermarkLimit:1,encoderWatermarkFontFamily:"Verdana",forceEncodedInsertableStreams:!1,forceCustomEncryptionOff:!1,h264StrictHigh:!1,disableH264Send:!1,disableVP8Send:!1,enableTcpCandidate:!0,enableUdpCandidate:!0,maxEventLoopLagWarning:3,enableCompatAudio:!1,audioInputcompatMode:"auto",fireBackupDelay:5e3,audioAslFlag:!0,keepAspectRatio:!1,disableLBSService:!1,lbsUseBuiltinOnly:!1,protooMessageTimeout:3e4,reuseMid:!0,playMediaTimeout:3e3,playMediaTimeoutForAutoplay:6e3,disableWebAudio:!1,disable2dContext:!1,disableWebGLContext:!1,disableAllReports:!1,reportPageBrowserId:!0,doHeartbeatInterval:1e3,deviceChangeInterval:0,h264ProfileLevel:"42e01f",h264ProfileLevelSignal:"42e01f",enableSdpRrtr:"chrome",forceBWE:"no",forceAGC:"no",forceANS:"no",forceAEC:"no",forceChannelCount:-1,forceLatency:-1,forceSampleRate:-1,revertSubstreamProduceType:!1,moreNotAllowedError:!1,replaceIdealConstraint:"safari16_screen",shimLocalCanvas:"safari",enableVSkip:!0,statsLogMaxCnt:3,showStatsLog:!1,chromeLegacyDefault:"unknown",audioLevelFittingAlgorithm:"log2",audioLevelRatioRemote:1,statsHistoryInterval:3e3,signalingMessageDelay:0,reconnectionMaxTimeout:0,reconnectionWaitTimeout:5e3,activeSpeakerMin:10,audioPlayoutDelayHint:0,videoPlayoutDelayHint:0,userType:3,forceDisplaySurface:"default"};try{if(location.search&&"function"==typeof URLSearchParams){const e=new URLSearchParams(location.search);let t;for(t in s){const i=s[t],r=e.get(t);if(r){let e=null;"string"==typeof i?e=r:"boolean"==typeof i?"true"!==r&&"false"!==r||(e="true"===r):"number"==typeof i&&(e=Number(r),Number(r)>Number.MIN_SAFE_INTEGER&&(e=Number(r))),null!==e&&i!==e&&(console.warn(`NERTC 通过URL改变了私有化变量：${t}:`,i,"=>",e),s[t]=e)}}}}catch(e){}t.getParameters=()=>s},function(e,t){var i=e.exports={version:"2.6.12"};"number"==typeof __e&&(__e=i)},function(e,t){var i={}.hasOwnProperty;e.exports=function(e,t){return i.call(e,t)}},function(e,t,i){var r=i(6),s=i(17);e.exports=i(7)?function(e,t,i){return r.f(e,t,s(1,i))}:function(e,t,i){return e[t]=i,e}},function(e,t,i){var r=i(8),s=i(38),a=i(25),o=Object.defineProperty;t.f=i(7)?Object.defineProperty:function(e,t,i){if(r(e),t=a(t,!0),r(i),s)try{return o(e,t,i)}catch(e){}if("get"in i||"set"in i)throw TypeError("Accessors not supported!");return"value"in i&&(e[t]=i.value),e}},function(e,t,i){e.exports=!i(16)((function(){return 7!=Object.defineProperty({},"a",{get:function(){return 7}}).a}))},function(e,t,i){var r=i(9);e.exports=function(e){if(!r(e))throw TypeError(e+" is not an object!");return e}},function(e,t){e.exports=function(e){return"object"==typeof e?null!==e:"function"==typeof e}},function(e,t,i){var r=i(64),s=i(24);e.exports=function(e){return r(s(e))}},function(e,t,i){"use strict";var r=Object.prototype.hasOwnProperty,s="~";function a(){}function o(e,t,i){this.fn=e,this.context=t,this.once=i||!1}function n(){this._events=new a,this._eventsCount=0}Object.create&&(a.prototype=Object.create(null),(new a).__proto__||(s=!1)),n.prototype.eventNames=function(){var e,t,i=[];if(0===this._eventsCount)return i;for(t in e=this._events)r.call(e,t)&&i.push(s?t.slice(1):t);return Object.getOwnPropertySymbols?i.concat(Object.getOwnPropertySymbols(e)):i},n.prototype.listeners=function(e,t){var i=s?s+e:e,r=this._events[i];if(t)return!!r;if(!r)return[];if(r.fn)return[r.fn];for(var a=0,o=r.length,n=new Array(o);a `+i+t),this.code_=e.code||0,this.message_=e.message||null,this.advice_=e.advice||null,this.extraCode_=e.extraCode||null}get code(){return this.code_}get message(){return this.message_}get extraCode(){return this.extraCode_}get advice(){return this.advice_}getCode(){return this.code_}getMessage(){return this.message_}getProposal(){return this.advice_}getExtraCode(){return this.extraCode_}}t.default=a},function(e,t,i){var r=i(0),s=i(3),a=i(33),o=i(5),n=i(4),d=function(e,t,i){var c,l,u,h=e&d.F,p=e&d.G,m=e&d.S,f=e&d.P,g=e&d.B,v=e&d.W,S=p?s:s[t]||(s[t]={}),_=S.prototype,y=p?r:m?r[t]:(r[t]||{}).prototype;for(c in p&&(i=t),i)(l=!h&&y&&void 0!==y[c])&&n(S,c)||(u=l?y[c]:i[c],S[c]=p&&"function"!=typeof y[c]?i[c]:g&&l?a(u,r):v&&y[c]==u?function(e){var t=function(t,i,r){if(this instanceof e){switch(arguments.length){case 0:return new e;case 1:return new e(t);case 2:return new e(t,i)}return new e(t,i,r)}return e.apply(this,arguments)};return t.prototype=e.prototype,t}(u):f&&"function"==typeof u?a(Function.call,u):u,f&&((S.virtual||(S.virtual={}))[c]=u,e&d.R&&_&&!_[c]&&o(_,c,u)))};d.F=1,d.G=2,d.S=4,d.P=8,d.B=16,d.W=32,d.U=64,d.R=128,e.exports=d},function(e,t){var i={}.toString;e.exports=function(e){return i.call(e).slice(8,-1)}},function(e,t,i){var r=i(6).f,s=i(4),a=i(1)("toStringTag");e.exports=function(e,t,i){e&&!s(e=i?e:e.prototype,a)&&r(e,a,{configurable:!0,value:t})}},function(e,t){var i=Math.ceil,r=Math.floor;e.exports=function(e){return isNaN(e=+e)?0:(e>0?r:i)(e)}},function(e,t){e.exports=function(e){if(null==e)throw TypeError("Can't call method on "+e);return e}},function(e,t,i){var r=i(9);e.exports=function(e,t){if(!r(e))return e;var i,s;if(t&&"function"==typeof(i=e.toString)&&!r(s=i.call(e)))return s;if("function"==typeof(i=e.valueOf)&&!r(s=i.call(e)))return s;if(!t&&"function"==typeof(i=e.toString)&&!r(s=i.call(e)))return s;throw TypeError("Can't convert object to primitive value")}},function(e,t,i){var r=i(41),s=i(29);e.exports=Object.keys||function(e){return r(e,s)}},function(e,t,i){var r=i(28)("keys"),s=i(18);e.exports=function(e){return r[e]||(r[e]=s(e))}},function(e,t,i){var r=i(3),s=i(0),a=s["__core-js_shared__"]||(s["__core-js_shared__"]={});(e.exports=function(e,t){return a[e]||(a[e]=void 0!==t?t:{})})("versions",[]).push({version:r.version,mode:i(12)?"pure":"global",copyright:"© 2020 Denis Pushkarev (zloirock.ru)"})},function(e,t){e.exports="constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf".split(",")},function(e,t,i){t.f=i(1)},function(e,t,i){var r=i(0),s=i(3),a=i(12),o=i(30),n=i(6).f;e.exports=function(e){var t=s.Symbol||(s.Symbol=a?{}:r.Symbol||{});"_"==e.charAt(0)||e in t||n(t,e,{value:o.f(e)})}},function(e,t){t.f={}.propertyIsEnumerable},function(e,t,i){var r=i(34);e.exports=function(e,t,i){if(r(e),void 0===t)return e;switch(i){case 1:return function(i){return e.call(t,i)};case 2:return function(i,r){return e.call(t,i,r)};case 3:return function(i,r,s){return e.call(t,i,r,s)}}return function(){return e.apply(t,arguments)}}},function(e,t){e.exports=function(e){if("function"!=typeof e)throw TypeError(e+" is not a function!");return e}},function(e,t,i){var r=i(9),s=i(0).document,a=r(s)&&r(s.createElement);e.exports=function(e){return a?s.createElement(e):{}}},function(e,t,i){"use strict";var r,s,a=e.exports=i(59),o=i(184);a.codegen=i(272),a.fetch=i(273),a.path=i(274),a.fs=a.inquire("fs"),a.toArray=function(e){if(e){for(var t=Object.keys(e),i=new Array(t.length),r=0;r0)t[s]=e(t[s]||{},i,r);else{var a=t[s];a&&(r=[].concat(a).concat(r)),t[s]=r}return t}(e,t=t.split("."),i)},Object.defineProperty(a,"decorateRoot",{get:function(){return o.decorated||(o.decorated=new(i(194)))}})},function(e,t,i){"use strict";var r=i(12),s=i(20),a=i(39),o=i(5),n=i(14),d=i(62),c=i(22),l=i(67),u=i(1)("iterator"),h=!([].keys&&"next"in[].keys()),p=function(){return this};e.exports=function(e,t,i,m,f,g,v){d(i,t,m);var S,_,y,R=function(e){if(!h&&e in A)return A[e];switch(e){case"keys":case"values":return function(){return new i(this,e)}}return function(){return new i(this,e)}},b=t+" Iterator",E="values"==f,T=!1,A=e.prototype,I=A[u]||A["@@iterator"]||f&&A[f],w=I||R(f),C=f?E?R("entries"):w:void 0,O="Array"==t&&A.entries||I;if(O&&(y=l(O.call(new e)))!==Object.prototype&&y.next&&(c(y,b,!0),r||"function"==typeof y[u]||o(y,u,p)),E&&I&&"values"!==I.name&&(T=!0,w=function(){return I.call(this)}),r&&!v||!h&&!T&&A[u]||o(A,u,w),n[t]=w,n[b]=p,f)if(S={values:E?w:R("values"),keys:g?w:R("keys"),entries:C},v)for(_ in S)_ in A||a(A,_,S[_]);else s(s.P+s.F*(h||T),t,S);return S}},function(e,t,i){e.exports=!i(7)&&!i(16)((function(){return 7!=Object.defineProperty(i(35)("div"),"a",{get:function(){return 7}}).a}))},function(e,t,i){e.exports=i(5)},function(e,t,i){var r=i(8),s=i(63),a=i(29),o=i(27)("IE_PROTO"),n=function(){},d=function(){var e,t=i(35)("iframe"),r=a.length;for(t.style.display="none",i(50).appendChild(t),t.src="javascript:",(e=t.contentWindow.document).open(),e.write("