2010-04-05 68 views
8

Tôi đang cố tạo một ứng dụng web HTML5 chỉ đơn giản là phát âm thanh lặp đi lặp lại, trên iPhone của tôi. Tôi không biết bất kỳ Obj-C nào để làm điều đó một cách tự nhiên.Lặp lại âm thanh HTML5 trên iPhone

Những gì tôi có tác phẩm tốt, nhưng âm thanh chỉ đóng một lần:

<!DOCTYPE html> 
<html> 
    <head> 
     <title>noisemaker!</title> 
     <meta http-equiv="content-type" content="text/html; charset=utf-8" /> 
     <meta name="viewport" content="maximum-scale=1, minimum-scale=1, width=device-width, user-scalable=no" /> 
     <meta name="apple-mobile-web-app-capable" content="yes" /> 
    </head> 
    <body> 
     <audio src="noise.mp3" autoplay controls loop></audio> 
    </body> 
</html> 

Có cách nào để hoặc bỏ qua màn hình audio QuickTime và vòng lặp nó trong trang web, hoặc nhận được màn hình audio QuickTime để lặp âm thanh?

Trả lời

11

Tôi nhận thấy rằng thuộc tính "vòng lặp" dường như không hoạt động đầy đủ trong lần triển khai mới nhất phần tử âm thanh HTML5 trên iPhone (iOS 4.0). Tôi thấy điều này là một cách giải quyết:

<audio src="noise.mp3" onended="this.play();" controls="controls" autobuffer></audio> 

tôi thấy rằng bạn phải không đặt "vòng lặp" ở trên, hoặc sự kiện "onended" dường như không để kích hoạt (tức là "vòng" được thực hiện một phần).

Lưu ý rằng "tự động phát" bị vô ý cố ý trên iPhone.

Dường như thuộc tính "volume" chưa được triển khai đầy đủ tại thời điểm này.

Lưu ý rằng với âm thanh iOS 4 được phát mà không có trình phát QT toàn màn hình.

+0

+1 Điều này làm việc rất độc đáo. Cảm ơn! – FCTW

0

Bạn có thể làm điều đó với thẻ nhúng cũ, nhưng tôi không biết liệu Mobile Safari có tôn trọng thuộc tính vòng lặp của nó hay không.

+0

Mobile Safari dường như không tôn trọng thuộc tính vòng lặp. – ZeroUptime

1

Bạn đã thử sử dụng cặp khóa/giá trị cho các thuộc tính. Tôi biết bạn NÊN có thể chỉ cần chỉ định attr, nhưng chỉ để chơi ủng hộ của ma quỷ. Hãy thử:

<audio src="noise.mp3" autoplay="autoplay" controls="controls" loop="loop"></audio> 
+0

Tôi có cùng một vấn đề và sử dụng cặp giá trị khóa loop = "loop" không hoạt động đối với tôi. –

1

gì về:

<audio src="noise.mp3" autoplay="" controls="" onended="this.play()"></audio> 
1

iPhone OS 3.0 không hỗ trợ âm thanh <> thẻ hoàn toàn - tất cả nó sẽ làm gì với nó là chơi nó đầy đủ theo phong cách QuickTime.

-1

Không được phép phát phương tiện như video hoặc âm thanh (cho đến nay). Nếu bạn muốn phát video hoặc âm thanh, iPhone sẽ mở nó bằng trình phát bên ngoài (mặc định). Khi trình phát mở, bạn không có quyền kiểm soát trang web cho đến khi người dùng tắt trình phát bên ngoài hoặc video/âm thanh đã tự dừng lại.

Các vấn đề liên quan