feat(emulsif-231): convert audio player to support sdc

src/components/audio-player/audio-player.component.yml

@@ -0,0 +1,18 @@
+# ball audio file by marini24 under CC 3.0
+$schema: https://git.drupalcode.org/project/drupal/-/raw/10.1.x/core/modules/sdc/src/metadata.schema.json
+
+name: Audio Player
+group: Components/Media
+status: stable
+props:
+  type: object
+  required:
+    - audio_content
+  properties:
+    audio_content:
+      type: array
+      title: Audio player content
+      description: The content of the audio players.
+      data:
+        - '../../media/ball.ogg'
+        - '../../media/ball.mp3'

src/components/audio-player/audio-player.stories.js

@@ -1,12 +1,14 @@
 import template from './audio-player.twig';
-import audioData from './audio-player.yml';
+import { props } from './audio-player.component.yml';
 import figma from '../../../.storybook/configma.json';
 
+const audioData = props.properties.audio_content.data;
+
 export default {
   title: 'Components/Media/Audio Player',
 };
 
-export const AudioPlayer = () => template(audioData);
+export const AudioPlayer = () => template({ audio_content: audioData });
 
 AudioPlayer.parameters = {
   design: {