[angular demo] - 使用 lib 下的 sdk

examples/angular/README.md

@@ -20,4 +20,4 @@ npm start
 
 4. 打开页面
 
-浏览器打开 http://localhost:3000
+浏览器打开 http://localhost:4200

examples/angular/package.json

@@ -1,6 +1,7 @@
 {
-  "name": "angular",
-  "version": "0.0.0",
+  "name": "urtc-demo-angular",
+  "version": "1.0.0",
+  "description": "UCloud RTC Angular 版本的 demo",
   "scripts": {
     "ng": "ng",
     "start": "ng serve",
@@ -22,7 +23,6 @@
     "rxjs": "~6.4.0",
     "tslib": "^1.10.0",
     "unique-classnames": "^1.0.6",
-    "urtc-sdk": "^1.4.5",
     "zone.js": "~0.9.1"
   },
   "devDependencies": {

examples/angular/src/components/stream-player/index.ts

@@ -11,8 +11,10 @@ import {
 } from '@angular/core';
 import classnames from 'unique-classnames';
 
-import { Client } from 'urtc-sdk';
-import { Stream, AudioStats, VideoStats, NetworkStats } from '../../../../../types/index.d';
+// 注：实际使用时，请使用 import sdk, { Client } from 'urtc-sdk';
+import sdk, { Client } from '@sdk';
+// 注：实际使用时，请使用 import { Stream, AudioStats, VideoStats, NetworkStats } from 'urtc-sdk/types';
+import { Stream, AudioStats, VideoStats, NetworkStats } from '@sdk/types';
 
 interface Stats {
   audioLost: number;

examples/angular/src/pages/room/index.css

@@ -12,10 +12,11 @@
   padding: 8px 0;
   display: inline-block;
   width: 100%;
+  border-width: 1px;
   border-radius: 6px;
+  background-color: #fff;
   cursor: pointer;
   text-align: center;
-  ;
 }
 
 .room input:visited,

examples/angular/src/pages/room/index.ts

@@ -6,8 +6,12 @@ import {
   OnDestroy,
 } from '@angular/core';
 
-import sdk, { Client } from 'urtc-sdk';
-import { Stream } from '../../../../../types';
+// 注：实际使用时，请使用 import sdk, { Client } from 'urtc-sdk';
+import sdk, { Client } from '@sdk';
+// 注：实际使用时，请使用 import { Stream } from 'urtc-sdk/types';
+import { Stream } from '@sdk/types';
+
+// 注：实际使用时，请自行在 config 目录下创建 index.ts 配置文件
 import config from '../../config';
 
 const { AppId, AppKey } = config;

examples/angular/tsconfig.app.json

@@ -2,7 +2,11 @@
   "extends": "./tsconfig.json",
   "compilerOptions": {
     "outDir": "./out-tsc/app",
-    "types": []
+    "types": [],
+    "paths": {
+      "@sdk": ["../../lib/index.js"],
+      "@sdk/types": ["../../types"]
+    }
   },
   "files": [
     "src/main.ts",