可能是为了方便用装饰器？

```
@connect(mapStateToProps, mapDispatchtoProps...)
class MyComponent extends PureComponent {
render () {}
}
```

其实在 background-image 里用 svg 也可以是内联的，不一定需要网络请求
做一下 urlencode 就行，可以用这个转换 https://yoksel.github.io/url-encoder/

svg 内联在 html 的好处楼上大佬已经说的很多了，svg 放在 background-image 中也有些好处

1. 如果 svg 里定义了 id (比如用了渐变 /遮罩效果)，内联在 html 中 id 相同可能会有 bug ，在 background-image 中即使 id 相同也不会相互干扰

2. 垂直居中问题，如果上下间距和除不尽 2 ，那 html 中内联 svg 就很难居中，放在 background-image 里用 `background-position: center` 保证是居中的

@xiaoxiuaoliang
额我理解错你的问题了。。。
感觉是 src 的路径问题，改成相对路径试试，打开 network 检查下是不是 404 了
然后按楼上大佬说的 content-type 也检查下

vscode 使用的 electron 精简过了没有音视频功能，webview 里直接使用 audio/video 都播放不了的

live server 插件应该打包了一个完整的 electron，独立于 vscode，有音视频功能支持，可以播放

之前有讨论过这个问题
https://github.com/nondanee/vsc-netease-music/issues/50#issuecomment-504920615

你的"理想状态"已经有实现了
讯飞做了"发条音乐助手"，不过现在应该是凉了
就是提供链接地址，在 webview 里打开和播放
如果只是聚合搜索接口的话，按现状(不开放)看，法律风险应该不太大


开放的接口局限很大
spotify 接口只能试听，全曲资源有 DRM，实际还得去官方那边听
apple music 接口需要开发者账号，成本高

@LostPrayers
是用的别的平台的搜索 api，不过不完全是试听音质 (酷我的不是)
受版权保护的，自然不能获取到，能获取的话 api 鉴权都是摆设了，肯定需要登录账号且有 vip 权限
自动登录账号很难实现，因为人机就验证过不了，不过你可以自行获取登录凭据如 cookie 等配置到服务中
程序批量调接口肯定不如人工去论坛等地方搜集资源的质量，程序没有这么大自由度

Media Session API 吗？
很多人写过哦~~~
https://greasyfork.org/zh-CN/scripts/394881-netease-cloud-music-controller
https://greasyfork.org/zh-CN/scripts/395376-163-music-mediametadata
https://greasyfork.org/zh-CN/scripts/392057-neteasemusic-mediasession-helper

对于 "导致文件校验和发生改变,网易云音乐不认本地文件" 这个疑问
应该不会不认文件的，你可以测试一下旧的 NCM 文件在客户端里能不能播放

NCM 文件之间没有可比性，异或用的流密码是随机生成的 (加密流密码的密码是固定的)，所以异或结果肯定不一样

MP3 文件之间，基本上大部分版本的 ncmdump 在解码后都更新(重写)了 ID3 tag，每次写的内容写入数据位置可能有差异，建议直接拿异或解密后的原始文件对比

@Daming 现在没 VIP 只能标准音质了？不会啊
是你没登录吧？没登录选不了，会弹登录框
登录了没有 VIP 也可以选啊

当然能播放的音质因歌而异
有的歌没有会员只有 128k，也有免费的无损歌曲


不需要修改的话好像挺简单的

我之前看 VPNservice 的 demo 都是 read 进来 write 回去就完了
参考 https://blog.csdn.net/jsqfengbao/article/details/52462125

demo 代码 Github 里有很多
https://github.com/search?q=vpnservice+FileOutputStream&type=Code

应该要 parse 的吧？那可以用 reviver 建个索引
```
let mapping = {}
JSON.parse(responseText, (k, v) => {
if(!isNaN(k)){
v.i = k
}
if(typeof(v) == "object" && 'children' in v){
v.children.forEach((child, i) => mapping[child.name] = v.i + '-' + i)
}
return v
})
```

@小艾帮帮

你大概对 5G 有什么误解......

有开源的啊
https://github.com/magic-akari/ncmc-web

兄弟 .vscode/ 不要 ignore 了，没有 launch.json 不能 debug 的

看了下 usage 感觉不像爬虫像 SDK 啊，要不你改个名吧😂

可能是还有 .on('xxx-event', () => {}) 事件监听没 end 吧