diff --git a/mail_preview_audio/README.rst b/mail_preview_audio/README.rst
index 5c702bed6..07fb8fba8 100644
--- a/mail_preview_audio/README.rst
+++ b/mail_preview_audio/README.rst
@@ -14,13 +14,13 @@ Preview audio files
     :target: http://www.gnu.org/licenses/agpl-3.0-standalone.html
     :alt: License: AGPL-3
 .. |badge3| image:: https://img.shields.io/badge/github-OCA%2Fsocial-lightgray.png?logo=github
-    :target: https://github.com/OCA/social/tree/14.0/mail_preview_audio
+    :target: https://github.com/OCA/social/tree/15.0/mail_preview_audio
     :alt: OCA/social
 .. |badge4| image:: https://img.shields.io/badge/weblate-Translate%20me-F47D42.png
-    :target: https://translation.odoo-community.org/projects/social-14-0/social-14-0-mail_preview_audio
+    :target: https://translation.odoo-community.org/projects/social-15-0/social-15-0-mail_preview_audio
     :alt: Translate me on Weblate
 .. |badge5| image:: https://img.shields.io/badge/runbot-Try%20me-875A7B.png
-    :target: https://runbot.odoo-community.org/runbot/205/14.0
+    :target: https://runbot.odoo-community.org/runbot/205/15.0
     :alt: Try me on Runbot
 
 |badge1| |badge2| |badge3| |badge4| |badge5| 
@@ -38,7 +38,7 @@ Bug Tracker
 Bugs are tracked on `GitHub Issues <https://github.com/OCA/social/issues>`_.
 In case of trouble, please check there if your issue has already been reported.
 If you spotted it first, help us smashing it by providing a detailed and welcomed
-`feedback <https://github.com/OCA/social/issues/new?body=module:%20mail_preview_audio%0Aversion:%2014.0%0A%0A**Steps%20to%20reproduce**%0A-%20...%0A%0A**Current%20behavior**%0A%0A**Expected%20behavior**>`_.
+`feedback <https://github.com/OCA/social/issues/new?body=module:%20mail_preview_audio%0Aversion:%2015.0%0A%0A**Steps%20to%20reproduce**%0A-%20...%0A%0A**Current%20behavior**%0A%0A**Expected%20behavior**>`_.
 
 Do not contact contributors directly about support or help with technical issues.
 
@@ -55,6 +55,9 @@ Contributors
 
 * Enric Tobella <etobella@creublanca.es>
 
+* `Tecnativa <https://www.tecnativa.com>`_:
+  * David Vidal
+
 Maintainers
 ~~~~~~~~~~~
 
@@ -68,6 +71,6 @@ OCA, or the Odoo Community Association, is a nonprofit organization whose
 mission is to support the collaborative development of Odoo features and
 promote its widespread use.
 
-This module is part of the `OCA/social <https://github.com/OCA/social/tree/14.0/mail_preview_audio>`_ project on GitHub.
+This module is part of the `OCA/social <https://github.com/OCA/social/tree/15.0/mail_preview_audio>`_ project on GitHub.
 
 You are welcome to contribute. To learn how please visit https://odoo-community.org/page/Contribute.
diff --git a/mail_preview_audio/__manifest__.py b/mail_preview_audio/__manifest__.py
index 33bc92766..600bc94f0 100644
--- a/mail_preview_audio/__manifest__.py
+++ b/mail_preview_audio/__manifest__.py
@@ -3,13 +3,16 @@
 
 {
     "name": "Preview audio files",
-    "summary": """
-        Allow to preview audio files""",
-    "version": "14.0.1.0.0",
+    "summary": "Allow to preview audio files",
+    "version": "15.0.1.0.0",
     "license": "AGPL-3",
     "author": "Creu Blanca,Odoo Community Association (OCA)",
     "website": "https://github.com/OCA/social",
     "depends": ["mail_preview_base"],
-    "data": ["template/assets.xml"],
+    "data": [],
     "qweb": ["static/src/xml/preview.xml"],
+    "assets": {
+        "web.assets_backend": ["mail_preview_audio/static/src/js/*.js"],
+        "web.assets_qweb": ["mail_preview_audio/static/src/xml/*.xml"],
+    },
 }
diff --git a/mail_preview_audio/readme/CONTRIBUTORS.rst b/mail_preview_audio/readme/CONTRIBUTORS.rst
index 93ec993e0..5d1721f23 100644
--- a/mail_preview_audio/readme/CONTRIBUTORS.rst
+++ b/mail_preview_audio/readme/CONTRIBUTORS.rst
@@ -1 +1,4 @@
 * Enric Tobella <etobella@creublanca.es>
+
+* `Tecnativa <https://www.tecnativa.com>`_:
+  * David Vidal
diff --git a/mail_preview_audio/static/description/index.html b/mail_preview_audio/static/description/index.html
index 92f4eff23..931f10aea 100644
--- a/mail_preview_audio/static/description/index.html
+++ b/mail_preview_audio/static/description/index.html
@@ -3,7 +3,7 @@
 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-<meta name="generator" content="Docutils 0.15.1: http://docutils.sourceforge.net/" />
+<meta name="generator" content="Docutils: http://docutils.sourceforge.net/" />
 <title>Preview audio files</title>
 <style type="text/css">
 
@@ -367,7 +367,7 @@ ul.auto-toc {
 !! This file is generated by oca-gen-addon-readme !!
 !! changes will be overwritten.                   !!
 !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
-<p><a class="reference external" href="https://odoo-community.org/page/development-status"><img alt="Beta" src="https://img.shields.io/badge/maturity-Beta-yellow.png" /></a> <a class="reference external" href="http://www.gnu.org/licenses/agpl-3.0-standalone.html"><img alt="License: AGPL-3" src="https://img.shields.io/badge/licence-AGPL--3-blue.png" /></a> <a class="reference external" href="https://github.com/OCA/social/tree/14.0/mail_preview_audio"><img alt="OCA/social" src="https://img.shields.io/badge/github-OCA%2Fsocial-lightgray.png?logo=github" /></a> <a class="reference external" href="https://translation.odoo-community.org/projects/social-14-0/social-14-0-mail_preview_audio"><img alt="Translate me on Weblate" src="https://img.shields.io/badge/weblate-Translate%20me-F47D42.png" /></a> <a class="reference external" href="https://runbot.odoo-community.org/runbot/205/14.0"><img alt="Try me on Runbot" src="https://img.shields.io/badge/runbot-Try%20me-875A7B.png" /></a></p>
+<p><a class="reference external" href="https://odoo-community.org/page/development-status"><img alt="Beta" src="https://img.shields.io/badge/maturity-Beta-yellow.png" /></a> <a class="reference external" href="http://www.gnu.org/licenses/agpl-3.0-standalone.html"><img alt="License: AGPL-3" src="https://img.shields.io/badge/licence-AGPL--3-blue.png" /></a> <a class="reference external" href="https://github.com/OCA/social/tree/15.0/mail_preview_audio"><img alt="OCA/social" src="https://img.shields.io/badge/github-OCA%2Fsocial-lightgray.png?logo=github" /></a> <a class="reference external" href="https://translation.odoo-community.org/projects/social-15-0/social-15-0-mail_preview_audio"><img alt="Translate me on Weblate" src="https://img.shields.io/badge/weblate-Translate%20me-F47D42.png" /></a> <a class="reference external" href="https://runbot.odoo-community.org/runbot/205/15.0"><img alt="Try me on Runbot" src="https://img.shields.io/badge/runbot-Try%20me-875A7B.png" /></a></p>
 <p>This module allows to preview audio files.</p>
 <p><strong>Table of contents</strong></p>
 <div class="contents local topic" id="contents">
@@ -386,7 +386,7 @@ ul.auto-toc {
 <p>Bugs are tracked on <a class="reference external" href="https://github.com/OCA/social/issues">GitHub Issues</a>.
 In case of trouble, please check there if your issue has already been reported.
 If you spotted it first, help us smashing it by providing a detailed and welcomed
-<a class="reference external" href="https://github.com/OCA/social/issues/new?body=module:%20mail_preview_audio%0Aversion:%2014.0%0A%0A**Steps%20to%20reproduce**%0A-%20...%0A%0A**Current%20behavior**%0A%0A**Expected%20behavior**">feedback</a>.</p>
+<a class="reference external" href="https://github.com/OCA/social/issues/new?body=module:%20mail_preview_audio%0Aversion:%2015.0%0A%0A**Steps%20to%20reproduce**%0A-%20...%0A%0A**Current%20behavior**%0A%0A**Expected%20behavior**">feedback</a>.</p>
 <p>Do not contact contributors directly about support or help with technical issues.</p>
 </div>
 <div class="section" id="credits">
@@ -401,6 +401,8 @@ If you spotted it first, help us smashing it by providing a detailed and welcome
 <h2><a class="toc-backref" href="#id4">Contributors</a></h2>
 <ul class="simple">
 <li>Enric Tobella &lt;<a class="reference external" href="mailto:etobella&#64;creublanca.es">etobella&#64;creublanca.es</a>&gt;</li>
+<li><a class="reference external" href="https://www.tecnativa.com">Tecnativa</a>:
+* David Vidal</li>
 </ul>
 </div>
 <div class="section" id="maintainers">
@@ -410,7 +412,7 @@ If you spotted it first, help us smashing it by providing a detailed and welcome
 <p>OCA, or the Odoo Community Association, is a nonprofit organization whose
 mission is to support the collaborative development of Odoo features and
 promote its widespread use.</p>
-<p>This module is part of the <a class="reference external" href="https://github.com/OCA/social/tree/14.0/mail_preview_audio">OCA/social</a> project on GitHub.</p>
+<p>This module is part of the <a class="reference external" href="https://github.com/OCA/social/tree/15.0/mail_preview_audio">OCA/social</a> project on GitHub.</p>
 <p>You are welcome to contribute. To learn how please visit <a class="reference external" href="https://odoo-community.org/page/Contribute">https://odoo-community.org/page/Contribute</a>.</p>
 </div>
 </div>
diff --git a/mail_preview_audio/static/src/js/preview.esm.js b/mail_preview_audio/static/src/js/preview.esm.js
new file mode 100644
index 000000000..e06fda321
--- /dev/null
+++ b/mail_preview_audio/static/src/js/preview.esm.js
@@ -0,0 +1,19 @@
+/** @odoo-module **/
+/* Copyright 2020 Creu Blanca
+ * License LGPL-3.0 or later (http://www.gnu.org/licenses/lgpl).*/
+
+import {DocumentViewer} from "mail_preview_base.preview";
+
+DocumentViewer.include({
+    _checkAttachment: function (attachment) {
+        if (attachment.type !== "url" && attachment.mimetype.match("audio")) {
+            attachment.type = "audio";
+            attachment.source_url = this._getImageUrl(attachment);
+            return true;
+        }
+        return this._super(...arguments);
+    },
+    _hasPreview: function (type) {
+        return this._super(...arguments) || type === "audio";
+    },
+});
diff --git a/mail_preview_audio/static/src/js/preview.js b/mail_preview_audio/static/src/js/preview.js
deleted file mode 100644
index fdae4d47e..000000000
--- a/mail_preview_audio/static/src/js/preview.js
+++ /dev/null
@@ -1,26 +0,0 @@
-/** ********************************************************************************
-    Copyright 2020 Creu Blanca
-    License LGPL-3.0 or later (http://www.gnu.org/licenses/lgpl).
- **********************************************************************************/
-
-odoo.define("audio_file.preview", function (require) {
-    "use strict";
-
-    var preview = require("mail_preview_base.preview");
-    var DocumentViewer = preview.DocumentViewer;
-
-    DocumentViewer.include({
-        _checkAttachment: function (attachment) {
-            if (attachment.type !== "url" && attachment.mimetype.match("audio")) {
-                attachment.type = "audio";
-                attachment.source_url = this._getImageUrl(attachment);
-                return true;
-            }
-            return this._super.apply(this, arguments);
-        },
-        _hasPreview: function (type) {
-            var result = this._super.apply(this, arguments);
-            return result || type === "audio";
-        },
-    });
-});
diff --git a/mail_preview_audio/template/assets.xml b/mail_preview_audio/template/assets.xml
deleted file mode 100644
index d89577bcd..000000000
--- a/mail_preview_audio/template/assets.xml
+++ /dev/null
@@ -1,17 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" ?>
-<!--
-
-    Copyright 2020 CreuBlanca
-    License LGPL-3.0 or later (http://www.gnu.org/licenses/lgpl).
-
-  -->
-<odoo>
-    <template id="assets_backend" name="audio_assets" inherit_id="web.assets_backend">
-        <xpath expr="//script[last()]" position="after">
-            <script
-                type="text/javascript"
-                src="/mail_preview_audio/static/src/js/preview.js"
-            />
-        </xpath>
-    </template>
-</odoo>