feat(10%): Audio

examples/scene1.ts

@@ -13,4 +13,5 @@ export default nc.createScene(
  .on(nc.keyDown, (_, __) => {
  console.log('www')
  })
+ .animate(play(await useAudio('./xxx'))/.withAttr({ duration: 1, speed: 2 }))
 )

packages/basic/src/animations/audio/play.ts

@@ -0,0 +1,16 @@
+import { withHook } from '@newcar/core'
+import type { AudioPlayer } from '../../widgets/audio-player'
+
+export function play(audio: ArrayBuffer) {
+ let source: AudioBufferSourceNode
+
+ return withHook<AudioPlayer, {
+ speed?: number
+ }>({
+ before({ widget }) {
+ source = widget.context.createBufferSource()
+ source.buffer = audio
+ },
+ animate() {},
+ })
+}

packages/basic/src/widgets/audio-player.ts

@@ -0,0 +1,14 @@
+import type { WidgetOptions, WidgetStyle } from '@newcar/core'
+import { Widget } from '@newcar/core'
+
+export interface AudioPlayerOptions extends WidgetOptions {
+ style?: WidgetStyle
+}
+
+export class AudioPlayer extends Widget {
+ context: AudioContext = new AudioContext()
+
+ constructor(options?: AudioPlayerOptions) {
+ super(options)
+ }
+}

packages/core/src/apis/use-audio.ts

@@ -0,0 +1,26 @@
+import { $source } from '../global'
+
+/**
+ * Preloading a font file.
+ * @param src The font file's path.
+ * @returns The Font with `ArrayBuffer` type.
+ */
+export async function useAudio(src: string) {
+ if (typeof window !== 'undefined') {
+ const response = await fetch(src)
+ const array = await response.arrayBuffer()
+ $source.fonts.push(array)
+ return array
+ }
+ else {
+ const fs = await import('node:fs')
+ const path = await import('node:path')
+ const buffer = fs.readFileSync(path.resolve(src))
+ const array = buffer.buffer.slice(
+ buffer.byteOffset,
+ buffer.byteOffset + buffer.byteLength,
+ )
+ $source.fonts.push(array)
+ return array
+ }
+}

packages/core/src/index.ts

@@ -12,6 +12,7 @@ export * from './event'
 export * from './apis/physical'
 export * from './apis/use-font'
 export * from './apis/use-image'
+export * from './apis/use-audio'
 export * from './apis/with-hook'
 export * from './apis/bind'
 export * from './apis/change-many'