@zhangxuejing123./sip-phone-sdk 0.0.0

package/src/libs/en.js

@@ -0,0 +1,24 @@
+/**
+ * Created by Wade (weida1985@163.com) on 2023/8/1.
+ */
+const en={
+  serverConnecting: 'Server connecting',
+  serverConnected: 'Server connected',
+  connectionClosed: 'Connection closed',
+  clickButtonToMakeCall: 'Click button to make call',
+  gotCameraStreamFailed: 'Got camera stream failed',
+  calling: 'Calling',
+  pleaseBePatient: 'Please be patient',
+  cameraOrMicUnsupported: 'Camera or mic unsupported',
+  WebRTCUnsupported: 'WebRTC unsupported',
+  connectionFailedPleaseCheckYourNetwork: 'Connection failed. Please check your network',
+  registered: 'Registered',
+  unregistered: 'Unregistered',
+  registerFailed: 'Register failed',
+  cancelled: 'Cancelled',
+  hangedUp: 'hangedUp',
+  remoteRinging: 'Remote ringing',
+  remoteAccept: 'Remote accept'
+}
+
+export default en

package/src/libs/tool.js

@@ -0,0 +1,312 @@
+import { v4 as uuidv4 } from 'uuid'
+
+/**
+ * @param {Array} arr1
+ * @param {Array} arr2
+ * @description 得到两个数组的交集, 两个数组的元素为数值或字符串
+ */
+export const getIntersection = (arr1, arr2) => {
+  let len = Math.min(arr1.length, arr2.length)
+  let i = -1
+  let res = []
+  while (++i < len) {
+    const item = arr2[i]
+    if (arr1.indexOf(item) > -1) res.push(item)
+  }
+  return res
+}
+
+/**
+ * @param {Array} arr1
+ * @param {Array} arr2
+ * @description 得到两个数组的并集, 两个数组的元素为数值或字符串
+ */
+export const getUnion = (arr1, arr2) => {
+  return Array.from(new Set([...arr1, ...arr2]))
+}
+
+/**
+ * @param {Array} targetArr 目标数组
+ * @param {Array} arr 需要查询的数组
+ * @description 判断要查询的数组是否至少有一个元素包含在目标数组中
+ */
+export const hasOneOf = (targetArr, arr) => {
+  return targetArr.some(_ => arr.indexOf(_) > -1)
+}
+
+/**
+ * @param {String|Number} value 要验证的字符串或数值
+ * @param {*} validList 用来验证的列表
+ */
+export function oneOf (value, validList) {
+  for (let i = 0; i < validList.length; i++) {
+    if (value === validList[i]) {
+      return true
+    }
+  }
+  return false
+}
+
+/**
+ * @param {Number} timeStamp 判断时间戳格式是否是毫秒
+ * @returns {Boolean}
+ */
+const isMillisecond = timeStamp => {
+  const timeStr = String(timeStamp)
+  return timeStr.length > 10
+}
+
+/**
+ * @param {Number} timeStamp 传入的时间戳
+ * @param {Number} currentTime 当前时间时间戳
+ * @returns {Boolean} 传入的时间戳是否早于当前时间戳
+ */
+const isEarly = (timeStamp, currentTime) => {
+  return timeStamp < currentTime
+}
+
+/**
+ * @param {Number} num 数值
+ * @returns {String} 处理后的字符串
+ * @description 如果传入的数值小于10，即位数只有1位，则在前面补充0
+ */
+const getHandledValue = num => {
+  return num < 10 ? '0' + num : num
+}
+
+/**
+ * @param {Number} timeStamp 传入的时间戳
+ * @param {Number|String} startType 要返回的时间字符串的格式类型，传入'year'则返回年开头的完整时间
+ */
+const getDate = (timeStamp, startType) => {
+  const d = new Date(timeStamp * 1000)
+  const year = d.getFullYear()
+  const month = getHandledValue(d.getMonth() + 1)
+  const date = getHandledValue(d.getDate())
+  const hours = getHandledValue(d.getHours())
+  const minutes = getHandledValue(d.getMinutes())
+  const second = getHandledValue(d.getSeconds())
+  return startType === 'year' ? (year + '-' + month + '-' + date + ' ' + hours + ':' + minutes + ':' + second) : (month + '-' + date + ' ' + hours + ':' + minutes)
+}
+
+/**
+ * @param {String|Number} timeStamp 时间戳
+ * @returns {String} 相对时间字符串
+ */
+export const getRelativeTime = timeStamp => {
+  // 判断当前传入的时间戳是秒格式还是毫秒
+  const IS_MILLISECOND = isMillisecond(timeStamp)
+  // 如果是毫秒格式则转为秒格式
+  if (IS_MILLISECOND) Math.floor(timeStamp /= 1000)
+  // 传入的时间戳可以是数值或字符串类型，这里统一转为数值类型
+  timeStamp = Number(timeStamp)
+  // 获取当前时间时间戳
+  const currentTime = Math.floor(Date.parse(new Date()) / 1000)
+  // 判断传入时间戳是否早于当前时间戳
+  const IS_EARLY = isEarly(timeStamp, currentTime)
+  // 获取两个时间戳差值
+  let diff = currentTime - timeStamp
+  // 如果IS_EARLY为false则差值取反
+  if (!IS_EARLY) diff = -diff
+  let resStr
+  const dirStr = IS_EARLY ? '前' : '后'
+  // 少于等于59秒
+  if (diff <= 59) resStr = diff + '秒' + dirStr
+  // 多于59秒，少于等于59分钟59秒
+  else if (diff > 59 && diff <= 3599) resStr = Math.floor(diff / 60) + '分钟' + dirStr
+  // 多于59分钟59秒，少于等于23小时59分钟59秒
+  else if (diff > 3599 && diff <= 86399) resStr = Math.floor(diff / 3600) + '小时' + dirStr
+  // 多于23小时59分钟59秒，少于等于29天59分钟59秒
+  else if (diff > 86399 && diff <= 2623859) resStr = Math.floor(diff / 86400) + '天' + dirStr
+  // 多于29天59分钟59秒，少于364天23小时59分钟59秒，且传入的时间戳早于当前
+  else if (diff > 2623859 && diff <= 31567859 && IS_EARLY) resStr = getDate(timeStamp)
+  else resStr = getDate(timeStamp, 'year')
+  return resStr
+}
+
+/**
+ * @returns {String} 当前浏览器名称
+ */
+/*
+export const getExplorer = () => {
+  const ua = window.navigator.userAgent
+  const isExplorer = (exp) => {
+    return ua.indexOf(exp) > -1
+  }
+  if (isExplorer('MSIE')) return 'IE'
+  else if (isExplorer('Firefox')) return 'Firefox'
+  else if (isExplorer('Chrome')) return 'Chrome'
+  else if (isExplorer('Opera')) return 'Opera'
+  else if (isExplorer('Safari')) return 'Safari'
+}
+*/
+
+
+/**
+ * 判断一个对象是否存在key，如果传入第二个参数key，则是判断这个obj对象是否存在key这个属性
+ * 如果没有传入key这个参数，则判断obj对象是否有键值对
+ */
+export const hasKey = (obj, key) => {
+  if (key) return key in obj
+  else {
+    let keysArr = Object.keys(obj)
+    return keysArr.length
+  }
+}
+
+/**
+ * @param {*} obj1 对象
+ * @param {*} obj2 对象
+ * @description 判断两个对象是否相等，这两个对象的值只能是数字或字符串
+ */
+export const objEqual = (obj1, obj2) => {
+  const keysArr1 = Object.keys(obj1)
+  const keysArr2 = Object.keys(obj2)
+  if (keysArr1.length !== keysArr2.length) return false
+  else if (keysArr1.length === 0 && keysArr2.length === 0) return true
+  else return !keysArr1.some(key => obj1[key] !== obj2[key])
+}
+
+export function padLeftZero (str, zerosCount) {
+  return ((new Array(zerosCount)).fill('0').join('') + str).substr(str.length)
+}
+
+export const formatDate = (fmt = 'yyyyMMddhhmmss', date = new Date()) => {
+  if (!date) return ''
+  if (/(y+)/.test(fmt)) {
+    fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length))
+  }
+  let o = {
+    'M+': date.getMonth() + 1,
+    'd+': date.getDate(),
+    'h+': date.getHours(),
+    'm+': date.getMinutes(),
+    's+': date.getSeconds(),
+    //  'i+': date.getTime() % 1000
+    'i+': date.getMilliseconds()
+  }
+  for (let k in o) {
+    if (new RegExp(`(${k})`).test(fmt)) {
+      let str = o[k] + ''
+      fmt = fmt.replace(RegExp.$1, (RegExp.$1.length === 1) ? str : padLeftZero(str, RegExp.$1.length))
+    }
+  }
+  return fmt
+}
+
+export const formatTimeStr = (timeStr) => {
+  return timeStr ? `${timeStr.substr(0, 4)}/${timeStr.substr(4, 2)}/${timeStr.substr(6, 2)} ${timeStr.substr(8, 2)}:${timeStr.substr(10, 2)}:${timeStr.substr(12, 2)}` : ''
+}
+
+export function uuid(replaceLetter = '-') {
+  let uuid = uuidv4()
+  if (replaceLetter) {
+    uuid = uuid.replace(new RegExp('-', 'g'), '')
+  }
+  return uuid
+}
+
+export function swap (obj, map) {
+  for (const [a, b] of Object.entries(map)) {
+    const c = obj[a]
+    obj[a] = obj[b]
+    obj[b] = c
+  }
+  return obj
+}
+
+export function getUrlParams () {
+  const query = window.location.search.substring(1)
+  const vars = query.split('&')
+  return vars.reduce((pre, cur) => {
+    const [k, v] = cur.split('=')
+    if (k) {
+      pre[k] = decodeURIComponent(v || '')
+    }
+    return pre
+  }, {})
+}
+
+export function closeStream (stream) {
+  if (!stream) {
+    return
+  }
+
+  // Latest spec states that MediaStream has no stop() method and instead must
+  // call stop() on every MediaStreamTrack.
+  try {
+    let tracks
+
+    if (stream.getTracks) {
+      tracks = stream.getTracks()
+      for (const track of tracks) {
+        track.stop()
+      }
+    } else {
+      tracks = stream.getAudioTracks()
+      for (const track of tracks) {
+        track.stop()
+      }
+      tracks = stream.getVideoTracks()
+      for (const track of tracks) {
+        track.stop()
+      }
+    }
+  } catch (error) {
+    // Deprecated by the spec, but still in use.
+    // NOTE: In Temasys IE plugin stream.stop is a callable 'object'.
+    if (typeof stream.stop === 'function' || typeof stream.stop === 'object') {
+      stream.stop()
+    }
+  }
+}
+
+const CH_ZN_REG = /[\u4E00-\u9FA5]/
+export function strToHex (str) {
+  const ar = []
+  for (let i = 0; i < str.length; i++) {
+    let a = ''
+    if (CH_ZN_REG.test(str.charAt(i))) {
+      a = encodeURI(str.charAt(i)).replace(/%/g, '')
+    } else {
+      a = str.charCodeAt(i).toString(16)
+    }
+    ar.push(a)
+  }
+  str = ar.join('')
+  return str
+}
+function readUTF (arr) {
+  if (typeof arr === 'string') {
+    return arr
+  }
+  let UTF = '', _arr = arr
+  for (let i = 0; i < _arr.length; i++) {
+    let one = _arr[i].toString(2), v = one.match(/^1+?(?=0)/)
+    if (v && one.length === 8) {
+      let bytesLength = v[0].length
+      let store = _arr[i].toString(2).slice(7 - bytesLength)
+      for (let st = 1; st < bytesLength; st++) {
+        store += _arr[st + i].toString(2).slice(2)
+      }
+      UTF += String.fromCharCode(parseInt(store, 2))
+      i += bytesLength - 1
+    } else {
+      UTF += String.fromCharCode(_arr[i])
+    }
+  }
+  return UTF
+}
+
+export function hexToStr (str) {
+  if (str.length % 2 !== 0) {
+    return ''
+  }
+  const buf = []
+  for (let i = 0; i < str.length; i += 2) {
+    buf.push(parseInt(str.substring(i, i + 2), 16))
+  }
+  return readUTF(buf)
+}
+
+

package/src/libs/zh.js

@@ -0,0 +1,24 @@
+/**
+ * Created by Wade (weida1985@163.com) on 2023/8/1.
+ */
+const zh={
+  serverConnecting: '服务器连接中',
+  serverConnected: '服务器已连接',
+  connectionClosed: '连接已断开',
+  clickButtonToMakeCall: '点击拨号开始呼叫',
+  gotCameraStreamFailed: '获取摄像头视频流失败',
+  calling: '呼叫中',
+  // pleaseBePatient: '请耐心等待',
+  pleaseBePatient: '正在邀请对方加入视频通话...',
+  cameraOrMicUnsupported: '不支持开启摄像头或Mic接口',
+  WebRTCUnsupported: '不支持WebRTC',
+  connectionFailedPleaseCheckYourNetwork: '服务器连接失败，请检查网络。',
+  registered: '已注册',
+  unregistered: '已注销',
+  registerFailed: '注册失败',
+  cancelled: '已取消',
+  hangedUp: '已挂机',
+  remoteRinging: '对端开始振铃',
+  remoteAccept: '已接通'
+}
+export default zh

package/src/main.js

@@ -0,0 +1,24 @@
+import Vue from 'vue'
+import App from './App.vue'
+import VueI18n from 'vue-i18n'
+import vuetify from './plugins/vuetify'
+import zh from '@/libs/zh.js'
+import en from '@/libs/en.js'
+import '@/utils/rem'
+Vue.use(VueI18n)
+const i18n = new VueI18n({
+  locale: window.config.lang || localStorage.getItem('language') || 'zh', // 语言标识
+  messages: {
+    'zh': zh,
+    'en': en
+  }
+})
+
+
+Vue.config.productionTip = false
+
+new Vue({
+  vuetify,
+  i18n,
+  render: h => h(App)
+}).$mount('#app')

package/src/plugins/vuetify.js

@@ -0,0 +1,11 @@
+import '@mdi/font/css/materialdesignicons.css';
+import Vue from 'vue';
+import Vuetify from 'vuetify/lib/framework';
+
+Vue.use(Vuetify);
+
+export default new Vuetify({
+  icons: {
+    iconfont: 'mdi'
+  }
+});

package/src/utils/rem.js

@@ -0,0 +1,22 @@
+(function (window, document) {
+  function resize() {
+    var ww = window.innerWidth;
+    if (ww > window.screen.width) {
+      window.requestAnimationFrame(resize);
+    } else {
+      if (ww > 750) {
+        ww = 750;
+      }
+      document.documentElement.style.fontSize = (ww * 100) / 750 + 'px';
+    }
+  }
+
+  resize();
+
+  window.addEventListener('resize', resize);
+  window.addEventListener('pageshow', function (e) {
+    if (e.persisted) {
+      resize();
+    }
+  });
+})(window, document);

package/vue.config copy 2.js

@@ -0,0 +1,39 @@
+module.exports = {
+  transpileDependencies: [
+    'vuetify'
+  ],
+  publicPath: '/sip-phone-demo',
+  productionSourceMap: false,
+  // 新增的css配置部分
+  css: {
+    loaderOptions: {
+      stylus: {
+        use: [
+          require('poststylus')([
+            require('postcss-pxtorem')({
+              rootValue: 100,
+              propWhiteList: [],
+              minPixelValue: 2,
+            }),
+            'autoprefixer',
+          ]),
+        ],
+        import: [require('path').resolve('./src/assets/theme.custom')]
+      },
+      postcss: {
+        plugins: [
+          require('postcss-pxtorem')({
+            rootValue: 100,
+            propWhiteList: [],
+            minPixelValue: 2,
+          }),
+          require('autoprefixer')(),
+        ],
+      }
+    }
+  },
+  devServer: {
+    port: 8080,
+    hot: true
+  }
+}

package/vue.config copy.js

@@ -0,0 +1,11 @@
+module.exports = {
+  transpileDependencies: [
+    'vuetify'
+  ],
+  publicPath: '/sip-phone-demo',
+  productionSourceMap: false,
+  devServer: {
+    port: 8080,
+    hot: true
+  }
+}

package/vue.config.js

@@ -0,0 +1,39 @@
+module.exports = {
+  transpileDependencies: [
+    'vuetify'
+  ],
+  publicPath: '/sip-phone-demo',
+  productionSourceMap: false,
+  // 新增的css配置部分
+  css: {
+    loaderOptions: {
+      stylus: {
+        use: [
+          require('poststylus')([
+            require('postcss-pxtorem')({
+              rootValue: 100,
+              propWhiteList: [],
+              minPixelValue: 2,
+            }),
+            'autoprefixer',
+          ]),
+        ],
+        import: [require('path').resolve('./src/assets/theme.custom')]
+      },
+      postcss: {
+        plugins: [
+          require('postcss-pxtorem')({
+            rootValue: 100,
+            propWhiteList: [],
+            minPixelValue: 2,
+          }),
+          require('autoprefixer')(),
+        ],
+      }
+    }
+  },
+  devServer: {
+    port: 8080,
+    hot: true
+  }
+}