如何在卡片编辑界面提取[sound:xxxxxx.mp3]这个元素

496147678

想用
<audio loop autoplay controls src="xxxxx.mp3">的方式完成音频无限制自动循环播放
) T: T6 i0 A/ g8 i
于是想提取 xxxxx 的内容

var price = document.getElementById("audio").innerTEXT;
3 Y% M7 }! O4 U9 O* J  ?/ lalert (price)

但是并不可行，想破脑袋，不知道有什么解决方法
8 P! C) Z7 ]3 B# T+ V! {
已经定义了 音频的 id=audio
  }4 C) r: y" t9 t- p6 W5 Lprice反馈的结果是空白

用这个方法去弄expression，也就是{{正面}}，是可行的

496147678

arruno 发表于 2022-4-1 10:46
( }  }3 q- U. T' E: S9 L# I我今天抽空试试。其实有一个不那么美观、但是简单有效的方法，就是你在卡片里，把{{音频}}这个字段复制n次 ...

十分感谢！！我就准备这么做了。另外我也看到了一个帖子，也挺有意思的，与帖子无关，也可以看看学习一下。
; |% `9 R7 e. C7 l  w' ]+ J- U4 |! j
再次感谢！

* g- B4 n7 F/ }( W* N———————————————
" `5 I+ z, F" m0 {: [
基本流程：

• 卡负责其模板渲染： render_output
  
  
  
  • render_into
    
    " t3 b# p5 B+ m! x5 O/ C
• 从模板解析{{tts en_US voices=Bob,Jane:Field}}并转换为[anki:tts][en_US voices=Bob,Jane]text[/anki:tts] ： tts_filter
• 从[anki:tts]转换为[anki:play:q:0] ： extract_av_tags
  3 M9 a2 [: k/ R- g# h. D  V
  
  
  • [sound:]标签也已完成此操作
    + Z, L$ D0 R( P9 Z; E5 h4 T) l  q& J
  • 这会将其转换为AVTag的列表，并且文本表示形式引用此列表的索引。
    
    4 H4 Q9 r/ u6 @! t
• AVTag的列表存储在卡中： render_card_from_context ， render_card ， question_av_tags
  ( Q# t! A6 l1 U' n
  
  / h4 f7 Y; e: ?+ d/ |' N% f
  • 列出了两个列表，一个用于问题，一个用于答案。
    # ^" T- G7 D1 F" z
    3 T" R* G+ Z: C
• 在卡片上渲染： prepare_card_text_for_display
  
  
  1 T7 H' i! L) H/ o8 O
  • [anki:play]转换为svg，其调用pycmd('play:q:0') av_refs_to_play_icons
    / ]3 Q# o/ v* u+ \6 e
    9 c2 Z% Q5 q% ]- `
• 审阅者将卡中的AVTag传递给sounds.av_player ： replay_audio
• aqt.sounds.av_player是玩家列表的抽象。 这些设置为接受AVTag ，并将其排名为setup_audio _best_player_for_tag
• 排名逻辑： voice_for_tag
  9 _' }6 M" v9 H* `* .play在播放器上被调用，
• 添加{{tts-voices}}字段： on_tts_voices
  

496147678

arruno 发表于 2022-3-30 22:45
那个，js对大小写敏感，你改成innerText试试。innerHTML/innerText
另外，直接写上不可以么，如果这个占位 ...

' U# P. Y5 S' i! S占位符都是[sound:appppppple.mp3]的格式，我在浏览器上测试过了没有问题，anki里跑不成，其他方式也试过了，都不行

6 r* J) P3 |& K+ R. z& z卡片HTML部分：
<span id="audio1" class="voice">{{音频}}</span>
<audio id="audio2" loop autoplay></audio>
: t( n0 B6 R$ z8 ^- M, s/ ]+ L
8 U  x  v% m3 _JS部分：
" {6 ]/ g; ~- D% p    var str = document.getElementById("audio1").innerHTML;
    var txt = str.replace("[sound:","").replace("]","");
        txt = "<source src=" + txt + ">"
    document.getElementById("audio2").innerHTML = txt;

496147678

arruno 发表于 2022-3-30 22:45
: M# ]' G% c$ [0 E% s' v2 Z. z! |那个，js对大小写敏感，你改成innerText试试。innerHTML/innerText
7 e& d) Z3 |+ Q0 L" \另外，直接写上不可以么，如果这个占位 ...

尝试过了，不行，哎。似乎各种方法都识别不了{{音频}}，似乎卡片在生成之前就已经被提取转换了。

头秃啊

496147678

arruno 发表于 2022-3-29 12:02
, C$ s( |8 @% m2 W2 p没有定义id啊，document.getElementsByTagName("audio")[0].src 这样就可以

- |$ ^- U5 i) g
您可能没有理解我意思。
/ d$ |9 u& d* ]举个例子，我现在有一张卡片，卡片正面是apple，这张卡片是有音频的，但音频的文件名是随机的，我不清楚。我现在想让这张卡片音频循环播放，于是想到用<audio loop autoplay controls src="xxxxx.mp3">的方法，其中xxxx我不知道。于是我想提取每张卡片的音频文件的名字。
卡片正面是这样的：
. _9 S, `& @! v0 n<div class="section">
<div class="expression">{{单词}}</div>
<span id=“audio” class="voice">{{音频}}</span
</div>

, A- U% e' |. k也就是我想知道  {{音频}}  的名字是什么，以便下一部操作

于是我尝试：
var price = document.getElementById("audio").innerTEXT;
alert (price)
0 v& \' U8 ?6 oprice返回是undefined

% ]2 V+ @: b- [  Q4 Q1 ?您的方法我也试了，也是一样
; v" a* Q3 S+ U% S
8 E5 k1 K1 m& S4 k! M很抱歉麻烦您了，您看看有什么好的建议吗
, V! E- v, l6 v! A0 S7 v

arruno

<audio loop autoplay controls src="xxxxx.mp3"> 没有定义id啊，document.getElementsByTagName("audio")[0].src 这样就可以

arruno

那个，js对大小写敏感，你改成innerText试试。innerHTML/innerText
0 [! ?( g% E# E+ j9 \: }另外，直接写上<audio loop autoplay controls src="{{音频}}">不可以么，如果这个占位符就是文件名本身的话，不需要再用js绕一下。

arruno

2 T' R3 O! ?) _/ {, o( v
  S* n  ^+ V- n0 Q8 p. b) ?我今天抽空试试。其实有一个不那么美观、但是简单有效的方法，就是你在卡片里，把{{音频}}这个字段复制n次，它就会自动播放n次。
比如：{{音频}}{{音频}}{{音频}} 这样就会重复3次。
6 \- E+ c/ |# t! @! _3 j如果不能解决，至少这样可以部分实现你的需求。
0 W7 ]6 l3 D& H8 W' d! c
———————————————
看了一下，是我的疏忽，音频比较特殊，会被Anki模板引擎渲染成这样的HTML结构：
<a class="replay-button soundLink" href="#" onclick="pycmd('play:a:0'); return false;">
4 X6 @9 V. i0 g; i% H4 o1 N<svg class="playImage" viewBox="0 0 64 64" version="1.1">
6 @7 C# J# Z2 I5 _8 t& E* T8 [! v<circle cx="32" cy="32" r="29"></circle>
<path d="M56.502,32.301l-37.502,20.101l0.329,-40.804l37.173,20.703Z"></path>
9 _) @3 f8 G/ M</svg>
+ ]6 f( X$ i9 G! l</a>
建议还是用上面的方法吧，可以加一个hidden属性做好看一点：

% `4 E9 p- m* k, Z5 q<div hidden="true">
{{音频}}
1 s' Y5 O$ o* w6 C{{音频}}
8 ]% s; i! n+ J: ?  d4 b  B6 B8 t- b1 B{{音频}}
( y. c, w' U- x5 k: n% W+ o</div>