src/SSCMS.Web/Pages/ss-admin/common/editorLayerAudio.cshtml

（开头部分） 2KB

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

@page
@{ Layout = "_Layout"; }
@section Styles{
  <style>
    .el-upload, .el-upload-dragger {width: 100%;}
    .audio-js {
      width: 100% !important;
    }
  </style>
}

<el-form ref="form" :model="form" size="small">

  <el-form-item>
    <el-radio-group v-model="form.type">
      <el-radio-button label="upload">上传音频</el-radio-button>
      <el-radio-button label="url">音频地址</el-radio-button>
      <el-radio-button label="preview">预览音频</el-radio-button>
    </el-radio-group>
  </el-form-item>
  <el-form-item v-if="form.type === 'upload'">
    <el-upload
      drag
      :action="uploadUrl"
      :auto-upload="true"
      :headers="{Authorization: 'Bearer ' + $token}"
      :show-file-list="false"
      :before-upload="uploadAudioBefore"
      :on-progress="uploadProgress"
      :on-success="uploadAudioSuccess"
      :on-error="uploadError"
      :multiple="false">
      <i class="el-icon-upload"></i>
      <div class="el-upload__text">
        将音频文件拖到此处或点击上传，支持主流
        <el-popover
          placement="bottom"
          title="音频格式"
          width="200"
          trigger="hover"
          content="mp4、flv、f4v、webm、m4v、mov、3gp、3g2">
          <em slot="reference">音频格式</em>
        </el-popover>
      </div>
    </el-upload>
  </el-form-item>
  <el-form-item v-if="form.type === 'url'" label="音频地址" prop="audioUrl" :rules="{ required: true, message: '请输入音频地址' }">
    <el-input v-model="form.audioUrl"></el-input>
  </el-form-item>
  <el-form-item v-if="form.type === 'preview'">
    <el-card>
      <audio
        ref="audioPlayer"
        class="audio-js"
        width="100%"
        controls
        preload="auto"
        data-setup="{}">
        <source :src="form.audioUrl"></source>
      </audio>
后面还有 20 行代码，解锁后查看完整代码

24 小时内免费解锁 3 个项目，之后 1 积分/个。 规则说明

AI 解读

登录后可用，每次 10 积分，解读结果公开显示在下面。

还没有人解读过这个文件。