Here simply record the Web SDK vue integrated ring channel operation, the introduction of local files embodiment, the recording operation is simple SDK, not the UI, do not spray!
Ready to work
A download ring channel to the local Web SDK + Demo
git clone https://github.com/easemob/webim
Second, find sdk, storphe, WebIMConfig, audio and video sdk EMedia, websdk-shim (look catalog) and other documents
- sdk, storphe, websdk-shim and other documents in the
webim/sdk/dist/
directory - EMedia file in the
webim/webrtc/dist/
directory - WebIMConfig file in the
webim/demo/src/config/
directory
Integrated operation
A build-CLI VUE
(Reference Source: https://blog.csdn.net/qq_33036599/article/details/79656597)
- Use the following command to install the global vue-cli
npm install -g vue-cli
- Use the command
vue init webpack vue-demo
structures vue project, "vue-demo" is the name of your project.
And configure the environment need to install vue
- After the installation is complete, the project directory structure as shown below, the files in the src directory which is our own need to use the files.
- By
npm run dev
starting the project to test the command, as shown in the success that is running
- By
http://localhost:8080/#/
accessing the page below
two, integrated Web SDK - Find
HelloWolrd.vue
will delete the contents inside - In
index.html
introducing the desired file in
- Create an
initWeb.js
initialization sdk, registered listener callbacks, initialization of audio and video, then export throws
- Field filled call button, call the method sdk landing, send and receive messages and other operations (not implemented ui, need to re-console view)
Well, first here, the method sdk can add their own, more functionality, there are problems welcomed the discussion!