Dừng đệm âm thanh trong thẻ <audio>

Question

Tôi hiện đang làm việc trong việc sử dụng trình phát âm thanh HTML5 để cung cấp luồng âm thanh (luồng radio 24/7) qua trình duyệt (di động). Tải trong luồng và chơi nó hoạt động tốt.

Vấn đề chính là thẻ HTML5 <audio> sẽ tiếp tục tải xuống (đệm) nội dung ngay cả khi nội dung không hoạt động. Đây có thể là một vấn đề lớn đối với người dùng di động vì hầu hết họ trả tiền cho việc sử dụng dữ liệu. Cho đến nay tôi đã không thể tìm thấy một giải pháp tốt mà làm việc qua trình duyệt để ngăn chặn điều này.

tôi đã cố gắng cho đến nay:

1. Unload nguồn khi tạm dừng được nhấn. < Thao tác này không hoạt động trên trình duyệt chéo
   
2. Xóa phần tử trình phát âm thanh và tải phần tử mới. Điều này làm việc nhưng cho phép trung thực, đây là một cách rất hacky thực hiện một nhiệm vụ đơn giản cực kỳ .

Tôi chỉ đơn giản là tự hỏi liệu có điều gì tôi đang xem trong toàn bộ vấn đề này vì tôi tin rằng tôi không phải là người duy nhất có vấn đề này.

Answer 1

Tôi đã tìm được giải pháp khả thi cho sự cố được mô tả ở trên. Mô tả chi tiết có thể được tìm thấy ở đây: https://stackoverflow.com/a/13302599/1580615

Answer 2

Bạn có thể làm như sau để dừng tải đệm không có lỗi:

var blob = new Blob([], {type: "audio/mp3"}); 
var url = URL.createObjectURL(blob); 
audio.src = _url; 

hay, rút ​​ngắn lên:

audio.src = URL.createObjectURL(new Blob([], {type:"audio/mp3"}); 

Bây giờ bạn không tải "" là một url xấu cho thẻ âm thanh để thử và tải. Thay vào đó, bạn đang tải một url thực được tạo từ Blob không chứa dữ liệu để phát lại âm thanh.

Answer 3

Phần tử <audio> bao gồm thuộc tính preload. Điều này có thể được đặt thành "không" hoặc "siêu dữ liệu" nên ngăn tải trước âm thanh.

Nguồn: https://developer.mozilla.org/en/docs/Web/HTML/Element/audio