Is it compatible with NextJs

[lablack576]

I've been trying to use the npm package with NextJs. I installed it but when i add it to my code i get an error saying Cannot find module 'tls' I tried installing the model but it didn't work ?

[xRiddin]

have you tried using it as server component? cuz tls, buffer, and fs doesn't work in client component.

[xRiddin]

i've tried using it as server component, but no luck, still can't find module 'tls'.

[cheraff]

Same issue with NextJs. Will pay someone to add a NextJs example that converts a text stream (from openai or other) to audio as it's being streamed into the app, then streams to frontend play button, all within a NextJs app, streaming code via playht within a route, then called in frontend via play button on response - would be great!

Following example code here:
https://docs.play.ht/reference/nodejs-sdk

Errors:

Failed to compile.
▲
▲ ./node_modules/playht/dist/esm/index.js:38555:1
▲ Module not found: Can't resolve 'http'
▲
▲ https://nextjs.org/docs/messages/module-not-found
▲
..
▲ Module not found: Can't resolve 'stream'
▲ node:fs
▲ Module build failed: UnhandledSchemeError: Reading from "node:fs" is not handled by plugins (Unhandled scheme).
▲ Webpack supports "data:" and "file:" URIs by default.
▲ You may need an additional plugin to handle "node:" URIs.
...
▲ Import trace for requested module:
▲ node:fs
▲ ./node_modules/playht/dist/esm/index.js
▲ > Build failed because of webpack errors
▲ Error: Command "npm run build" exited with 1

..

When I explicitly state 'use server' it returns a 'tls' error, as noted by others in the discord

[ttanida]

I have the same problem.
The playHT node sdk doesn't seem to work with next.js.

Another person opened the same issue here:
#35 (comment)

I have tried a lot of different things, but nothing has worked so far.

I am looking into elevenlabs API now, since they also seem to support input text and output audio streaming.