VUE怎么添加手机音乐?

首先我们需要打开手机，在手机桌面上点击“vue”，将其打开，在里面vue添加音乐即可。

之后在打开过程中会d出是否允许vue使用摄像头的提示，我们点击“允许”，因为只有拍摄视频后，才能添加音乐，不可以单独添加音乐没有视频。所以必须打开摄像头，按照要求拍视频才可以添加音乐。

之后我们进入到vue的主界面，我么点击下方的那个大红按钮，即可开始拍摄视频，需要分别拍摄三段才可以，每拍完一段视频，点击一次那个红按钮。每一段时间很短也就2秒钟。三段拍摄完毕即可进入添加音乐的界面，进行添加音乐。

之后会自动进入添加音乐的界面，点击左上方三个功能的，中间那个音乐图标，即可进入添加音乐的选项，进行vue添加音乐。

之后点击做下面左侧第一个“从手机选择”，即可打开手机中的音乐列表，如果没有的话，我们需要先将需要的音乐下载到手机中才可以添加音乐。

之后在d出来的音乐选择界面，点击一个自己需要添加的音乐，点击即可选中，并自动进入到保存音乐盒编辑音乐 *** 作的界面。

之后我们可以看到音乐的名称，傍边的功能可以编辑音乐或删除音乐重新添加，如果添加的音乐没有问题的话，我们点击确定”，即可将音乐天添加到vue视频中，vue添加音乐成功。

我们还可以点击从手机选择傍边的舒缓、欢快，在里面下载vue自带的音乐，进行vue添加音乐，但是这里面的音乐只能是vue默认的。

音乐添加确定后，即可进入到如图第一个图的界面，我们点击那个红色的按钮，输入好名称，就开始保存视频和音乐啦。这样vue添加音乐就成功的保存起来，vue添加音乐成功。

Vue系列产品为3D自然环境的动画制作和渲染提供了一系列的解决方案。Vue系列有很多不同的产品，这是为了满足不同阶层的用户的需要：可以满足专业的制作工作室，同样也能满足3D自由艺术家。

Vue 8 XStream全面综合风景创造能力、先进的渲染能力以及完备的动画工具，独一无二，无与伦比。

Vue 8 XStream是专门为艺术家和插画师所设计的3D应用程序，专门针对工作流程、高精的渲染效果等而设计。界面整洁，功能易于使用。

在mouted方法中调用播放音乐方法

通过上述code可以完成进入页面自动播放背景音乐
但是ios手机需要点击页面任意一个地方才能开始播放

⚠️注意：上面audio标签中不能设置muted 属性，设置完之后 无论如何ios都播放不了

1首先，参考 >近期在做仿网易云音乐的项目，api用到GitHub上
NeteaseCloudMusicApi项目。
技术栈：Vue2x，elementUI，Vuex，Vue Router
其中遇到部分问题特记录下：

如果想要修改elementUI，可以使用全局css。并在mainjs中import。这样自定义的样式会作用的到对应的组件上例如

特别注意，class的名字一定要与elementUI的组件名一致，具体原因看下组件源码样式class就是组件名称。如果不想全局引用。可以在vue文件中，添加/deep/：

这样就可以在vue文件更改对应样式。

absolute和relative的区别
absoleute绝对定位的意思是说，它的定位不受父元素中其他元素的影响
relative相对定位，就是会受到父元素中其他元素影响
其中又left，right，top，bottom等控制元素所在位置。
对于absolute状况下：
left是，子控件，距离包含他的父控件的左侧的位置多少。类似padding-left。
right，top，bottom同上
其中，如果想做动态的布局，元素块随着窗口的大小改变而改变，可以这样用。
不设置width，设置父，子块元素的left，right，top， bottom即可。如果父级设置，子元素也要设置，不然对应效果不会显示的。

具体效果自行脑补。

ps：
会不定期的更新vue项目开发中遇到的部分坑吧。

本地引入不能播放

<audio src="//assets/music/OKmp3" controls="controls"></audio>

本地引入可以播放

<audio controls="controls">

                  <source  type="audio/ogg">

                  <source src="//assets/music/OKmp3" type="audio/mpeg">

                </audio>

本地音乐添加到iphone版的酷狗上的方法：
点击酷狗音乐左边的更多选项。
选择更多选项第一个传歌到手机。
点击后有两种方法从本地传到IPhone版的酷狗上：
一是通过USB传到手机上。
二是通过扫描二维码连接手机（必须是同一WIFI下）
电脑连接手机成功后，就可以传歌到手机了。

---