오디오 파일을 다운로드하고 듣는 것이 귀찮습니다.

kintone의 음성 파일을 일람으로부터 재생하고 싶다고 생각해 쓴 소스입니다.

아래 그림을 참조하십시오.

데모 필드에 음악 파일을 첨부합니다.


이것이라면, 일일이 다운로드하고 나서 (듣)묻지 않으면 안됩니다만,
"귀찮다"는 중얼거릴 것 같네요.

그래서 나는 생각했다.

음악 파일은 audio 태그로 플레이어화해 버리면 좋을까?
<audio src="XXXXXX.mp3" controls>ファイル名</audio>
이렇다면 좋지 않을까! ?

자바스크립트 작성

그래서 제가 자주 사용하는 확장자인 mp3와 m4a와 wav만은 음악 플레이어로 하려고 생각하고 쓴 것이 이것입니다.
힘든 느낌이지만, 요점은 확장자가 mp3 또는 m4a 또는 wav이면 <a> 태그 아래에 <audio> 태그도 추가 해주는 소스입니다.

갑자기 나오고 있는 recordlist-file-others-gaia입니다만, html을 본 느낌, 첨부 파일이 있는 부모의 계층에 이 recordlist-file-others-gaia 클래스의 태그가 있는 것 같습니다.

html에서 첨부 파일을 찾기 위해이 클래스를 사용하는 느낌입니다.
그러니까···, kintone의 사양 변경등으로 클래스명이 바뀌거나 하면 사용할 수 없게 됩니다.

    kintone.events.on([
        'app.record.index.show'
    ], function(event) {

        $('.recordlist-file-others-gaia').each(function() {
            let href = $(this).find("a").attr('href');
            let hrefarry = href.split(".");
            let extention = hrefarry[hrefarry.length-1];
            if(extention==="mp3"|| extention==="m4a" || extention==="wav"){
                $(this).parent().append(`<li><audio src="${href}" controls><p>音声を再生するには、audioタグをサポートしたブラウザが必要です。</p></audio></li> `);
            }
        });

        return event;
    }); 

htps : // js. cy 흐림. 이 m/j 쿠에 ry/3.4.1/j 쿠에 ry. 모두. js
그리고,
위의 소스,
설정의 「JavaScript/CSS로 커스터마이즈」로 설정하면

↓처럼 될 것!



했어!

플러그인화

플러그인은 어떻게 할지 몰랐지만,
이것을 기회에 공부해 두려고 생각해, 김에 플러그인화해 보았습니다.

이대로, .mp3인가.wav인가.m4a밖에 플레이어가 되는 상태이며,
kintone의 사양 변경 등이 있으면 언제 사용할 수 없게 될지 모르고,
전혀 움직임의 보증을 할 생각도 없어서 미안하다고 밖에 말할 수 있는 플러그인입니다만,
그래도 좋으면 사용해보세요.

↓여기의 plugin.zip
htps : // 기주 b. 코 m / 쥬리 오타마 / 킨토네 _ 아오 오 p ぁ ぇ r

읽어 주셔서 감사합니다!