core-site.xml

源代码

<configuration>
<!—指定NameNode的地址及访问端口 -->
    <property>
        <name>fs.defaultFS</name>
        <value>hdfs://node1:8020</value>
    </property>
    <!-- 设置Hadoop数据的本地保存路径 -->
    <property>
        <name>hadoop.tmp.dir</name>
        <value>/export/data/hadoop-3.3.0</value>
    </property>
    <!-- 设置在Web UI中访问HDFS的静态用户名 -->
    <property>
        <name>hadoop.http.staticuser.user</name>
        <value>root</value>
    </property>
    <!-- 配置root（超级用户）允许通过代理访问的主机节点-->
    <property>
        <name>hadoop.proxyuser.root.hosts</name>
        <value>*</value>
    </property>
    <!-- 配置root（超级用户）允许通过代理用户所属组 -->
    <property>
        <name>hadoop.proxyuser.root.groups</name>
        <value>*</value>
    </property>
    <!-- 文件系统垃圾桶保存时间 -->
    <property>
        <name>fs.trash.interval</name>
        <value>1440</value>
    </property>
</configuration>

配置原则

属性为一个单元 属性里面包字段名,字段名后跟键值,键值字段名都在属性中
属性叫property,字段名叫name,键值叫value

字段拆分

指定NameNode的地址及访问端口:

字段名: fs.defaultFS
键值: hdfs://node1:8020 

协议为HDFS

指定Hadoop的临时文件路径:

字段名: hadoop.tmp.dir
键值: /export/data/hadoop-3.3.0

设置在Web UI中访问HDFS的静态用户名:

字段名: hadoop.http.staticuser.user
键值: root

配置root（超级用户）允许通过代理访问的主机节点:

字段名: hadoop.proxyuser.root.hosts
键值: *

允许所有

配置root（超级用户）允许通过代理用户所属组:

字段名: hadoop.proxyuser.root.groups
键值: *

文件系统垃圾桶保存时间:

字段名: fs.trash.interval
键值: 1440

你可能会问,已经有一个叫Vue-APlayer的项目了,你为什么要重复造轮子?
大哥 你不看看这个项目最后更新是什么时候?????
这项目三年以前就停止更新了,一堆Aplayer的原生功能在Vue-APlayer中是Beta版,这下全胎死腹中了。关键要命的是它只支持Vue2,对Vue3兼容死差。哦不对这个项目开发时根本没有Vue 3

废话讲完了,教程开始
首先,安装引入APlayer

npm install aplayer --save
或者
yarn add aplayer 
又或者
pnpm install aplayer

引入这里有个大坑 那就是官方文档写错了 官方css路径写错了,正确写法应该是:

import 'aplayer/dist/APlayer.min.css'; //目录是小写aplayer!!!!!!!
import APlayer from 'APlayer';

是不是觉得挺绕的,为什么我安装的是aplayer,这里却引入的是APlayer,大小写不同?
没办法 我也纳闷.... 也许是官方的屎山代码吧。

然后又是个大坑:
在Vue3中,有了一个新的Hook叫onMounted,但是你把Aplayer放在onMounted初始化不会报错,但是啥都不会显示。
这是因为onMounted这个hook好像访问不到模板或者是页面数据
那么怎么办呢? 那当然是放在mounted()方法中,但是要方法调用:

let ap;
export default defineComponent({
  mounted() {
    this.initAPlayer();
  },
methods:{
    initAPlayer() {
      ap = new APlayer({
        container: document.getElementById('aplayer'),
        fixed: true,
        autoplay:true,
        audio: [
               {
    "name": "ウミユリ海底譚 ",
    "artist": "星乃一歌&望月穂波&初音ミク",
    "url": "https://src.yuxiangwang0525.com/overlay/pjsk2.mp3",
    "cover": "https://src.yuxiangwang0525.com/overlay/pjskpicture.jpg"
  },
]
      });
    },
  },
})

好了 教程就这么多 跑路去搞Hadoop去了