Use HTTP Livestreaming for audio/video streaming out

[freddyaboulton]

Description

Reworks our approach for streaming media to use http live streaming. This is widely supported across browsers, mobile devices and gives us the following benefits:

• More control of when playback starts via "low latency mode". This lets the playback for audio start as soon as the first chunk is received
• Can playback/rewind streams

Additional changes:

• Added ability to stream video in chunks. Each chunk should be a .ts file with h.264 codec. The strictness of the encoding is set by http live streaming. The h.264 codec is pretty standard from what I read but I added the ability to convert .mp4 files into the expect file type for streaming to make a bit easier for developers.
• Ability to download generated audio/video streams

🎯 PRs Should Target Issues

Closes #8185
Closes #6570
Closes: #5187
Closes #8177

Tests

1. PRs will only be merged if tests pass on CI. To run the tests locally, please set up your Gradio environment locally and run the tests: bash scripts/run_all_tests.sh

2. You may need to run the linters: bash scripts/format_backend.sh and bash scripts/format_frontend.sh

[gradio-pr-bot]

🪼 branch checks and previews

•	Name	Status	URL
	Spaces	ready!	Spaces preview
	Website	ready!	Website preview
	Storybook	ready!	Storybook preview

---

Install Gradio from this PR

pip install https://gradio-builds.s3.amazonaws.com/bed454c3d22cfacedc047eb3b0ba987b485ac3fd/gradio-4.40.0-py3-none-any.whl

Install Gradio Python Client from this PR

pip install "gradio-client @ git+https://github.com/gradio-app/gradio@bed454c3d22cfacedc047eb3b0ba987b485ac3fd#subdirectory=client/python"

Install Gradio JS Client from this PR

npm install https://gradio-builds.s3.amazonaws.com/bed454c3d22cfacedc047eb3b0ba987b485ac3fd/gradio-client-1.4.0.tgz

[freddyaboulton]

This got deleted somewhere along the line

[ylacombe]

Hey @freddyaboulton, thanks for taking care of this PR!

Just a quick question from my side, since I'm following this feature very closely. When testing the stream_audio_out demo, if I click again Stream as File (resp. Stream as Bytes) after the audio has been fully streamed, it doesn't work / restart again. So the audio streaming seems to only work once, is this expected?

[freddyaboulton]

@ylacombe - might be the same bug as @abidlabs. Will take a look.

[freddyaboulton]

That issue should be fixed now @ylacombe . Will work on the remaining tweaks/guides now!

[freddyaboulton]

Going to merge and will add a guide in a follow up pr. e2e tests are being funky s skipping for now since they pass locally.

[abidlabs]

Thanks so much @freddyaboulton! Tested once more and the issue I found earlier is resolved.

[shaoqingyang]

Using this bugfix tag,the first time I click the button, there will be no voice on the webUI, I need to click again.