【问题标题】:Audio tag doesn't work in Active admin, Ruby on Rails音频标签在 Active admin、Ruby on Rails 中不起作用
【发布时间】:2016-11-29 22:37:36
【问题描述】:

我有一个名为 Point 的模型,它具有与载波相关的 :audio 字段,用于上传音频文件。我正在使用 ActiveAdmin 创建一个新点。我正在尝试在活动管理员中显示点对象,除了音频字段外一切正常。当我在没有 audio_tag 的情况下执行此操作时,Activeadmin 会显示上传的音频文件的名称,但使用音频标签时则什么都没有显示。这是代码。提前致谢!

class Point < ActiveRecord::Base

mount_uploader :audio, FileUploader 
end  

class FileUploader < CarrierWave::Uploader::Base

  storage :file

  def extension_white_list
    %w(wma wav ogg oga mp3 3gp)   
  end

  def store_dir
    "uploads/#{model.class.to_s.underscore}/#{mounted_as}/#{model.id}"   
  end 
  end

ActiveAdmin.register Point do

  menu label: 'points'

  permit_params :title, :description, :audio, :altitude, :latitude, :longitude, :distance_visible, :coordinates


  form do |f|
    f.semantic_errors *f.object.errors.keys
    f.inputs "Location" do
      f.input :title, label: "Title"
      f.input :description, :as => :text, label: "Description"

      f.input :altitude, label: "Altidue"
      f.input :latitude, label: "Latitude"
      f.input :longitude, label: "Longitude"
      f.input :distance_visible, label: "Distance"

      f.input :audio, label: "Audio file"
      end 
   f.actions
   end

  show do
    attributes_table do
      row :title
      row :description
      row :audio do |item|
        audio_tag item.audio
      end
    end   
end

【问题讨论】:

    标签: ruby-on-rails ruby file-upload activeadmin carrierwave


    【解决方案1】:

    我认为您必须检查不同的浏览器,因为某些浏览器不支持音频标签或使用任何 jquery 插件来播放音频文件,如 jplayer、mediaelementplayer 等。

    【讨论】:

      【解决方案2】:

      thuc tran 已关闭,但语法已关闭,因为这会将 controls:true 添加到它查找的音频文件路径中。它看起来像这样:

      audio_tag: item.audio, controls: true

      【讨论】:

        【解决方案3】:

        您需要将 :controls 选项传递给 audio_tag: audio_tag(item.audio, controls: true)

        【讨论】:

          猜你喜欢
          • 2017-12-06
          • 1970-01-01
          • 2015-01-08
          • 2019-04-25
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 2011-11-13
          • 1970-01-01
          相关资源
          最近更新 更多