2011-08-24 4 views
10

पर एचटीएमएल 5 वीडियो पीछे की ओर चलाना मैं एक आईपैड पर रिवर्स में एक HTML5 वीडियो चलाने की कोशिश कर रहा हूं (वीडियो को आगे बढ़ने और मनमाने ढंग से उपयोगकर्ता इनपुट के आधार पर स्विच करने की आवश्यकता है)।आईओएस

एचटीएमएल 5 <video> तत्व में playbackRate नामक एक संपत्ति शामिल है जो वीडियो को तेज या धीमी गति से या विपरीत में चलाने की अनुमति देती है। Apple's documentation के अनुसार, यह संपत्ति आईओएस पर समर्थित नहीं है।

playbackRatecurrentTime संपत्ति प्रति सेकंड कई बार (उदाहरण के लिए प्रति सेकंड 10-30 अपडेट) सेट करके के उपयोग के बिना फिक्र किया जा सकता है। यह दृष्टिकोण डेस्कटॉप सफारी पर काम करता है लेकिन ऐसा लगता है कि आईओएस उपकरणों पर मांग प्रति सेकंड लगभग 1 अपडेट करने के लिए है - मेरे मामले में बहुत धीमी है।

क्या आईओएस डिवाइस (यानी एक आईपैड) पर एक HTML5 वीडियो पिछड़ा खेलने का कोई तरीका है?

+3

आप शायद सर्वर पर वीडियो की एक सामान्य और उलटा प्रतिलिपि स्टोर कर सकते हैं, और उनके बीच स्विच कर सकते हैं? – Mihai

+0

मैंने भी कोशिश की। जबकि स्विचिंग की तुलना में तेज़ी से तेज था, वीडियो गिरा दिया गया और क्विकटाइम लोगो दिखाई दिया, आदि। मुझे इसे एक निर्बाध स्विच होने की आवश्यकता है। –

+0

क्या आपने इसे हल किया? वीडियो कितनी देर तक विस्तृत है, क्या आप इसे छवियों के एक सरणी में फिसल सकते हैं और इसे

उत्तर

2

playbackRate विशेषता अब आईओएस 6 सफारी पर समर्थित है।

+0

मुझे लगता है कि https://developer.apple.com/library/safari/#documentation/AudioVideo/Conceptual/Using_HTML5_Audio_Video/Device-SpecificConsiderations/Device-SpecificConsiderations.html#//apple_ref/doc/ में उल्लिखित यह गलत है uid/TP40009523-CH5-DontLinkElementID_1 – joafeldmann

+0

आप सही हैं। यह आईओएस 6 की प्रारंभिक रिलीज पर काम करता था, लेकिन फिर उन्होंने इसे 6.0.2 या कुछ पर अक्षम कर दिया। – kenwarner

3

रूप मिहाई सुझाव दिया (मैं एक iPad 2 चल रहा है 4.3.1 पर परीक्षण कर रहा हूँ), दो संस्करणों का उपयोग करें और जब उपयोगकर्ता में परिवर्तन प्लेबैक दिशा स्थान की तलाश अद्यतन करें।

एक दूसरे के शीर्ष पर डीआईवी में वीडियो लेयर करें, और जब प्लेबैक दिशा फ़्लिप हो जाती है, तो div दृश्यता को टॉगल करें (और छुपाए जाने वाले प्लेबैक को रोकें)।

  1. उपयोगकर्ता प्लेबैक टॉगल क्लिक करता है:

    तो यह समय है।

  2. प्रदर्शित वीडियो रोकें।
  3. प्रदर्शित वीडियो की तलाश करें।
  4. वीडियो अवधि से उस मान को घटाएं।
  5. गैर-प्रदर्शित वीडियो में इस मान की तलाश करें।
  6. प्रदर्शित वीडियो डीआईवी टॉगल करें।
  7. नए प्रदर्शित वीडियो का प्लेबैक शुरू करें।
+0

ऐप्पल कहता है "एक से अधिक वीडियो-साइड को साइड, आंशिक रूप से ओवरलैपिंग या पूरी तरह ओवरलैड-प्ले करना वर्तमान में आईओएस उपकरणों पर समर्थित नहीं है।" http://developer.apple.com/library/safari/#documentation/AudioVideo/Conceptual/Using_HTML5_Audio_Video/Device-SpecificConsiderations/Device-SpecificConsiderations.html#//apple_ref/doc/uid/TP40009523-CH5-SW10 –

+0

तो यह होगा आईओएस उपकरणों पर काम नहीं करते हैं। एक दो-वीडियो विकल्प करने का एकमात्र तरीका मौजूदा वीडियो को अनलोड करना है जब एक नया ब्रेकिंग होता है जो कि महत्वपूर्ण ब्रेक का कारण बनता है और क्विकटाइम लोगो दिखाता है। –

+1

आप एक ही फ़ाइल में आगे और पीछे वाले वीडियो को संयोजित करने का प्रयास कर सकते हैं, और जब आप पीछे की तरफ खेल रहे हैं, तो बस वीडियो के पीछे के हिस्से में जाएं और आगे खेलें। –

0

मेरा सुझाव है कि आप अपने एचटीएमएल कोड में "नकली" वीडियो प्लेयर बनाएं। फिर सफारी/आईओएस कॉलबैक विधियों का उपयोग करके वीडियो को "प्ले" करने के उपयोगकर्ता के प्रयास को कैप्चर करें। फिर एक MPMoviePlayerController बनाएं जो वास्तव में वीडियो लोड करता है और इसे ब्राउज़र में वीडियो की मूल स्थिति पर प्रदर्शित करता है या केवल पूर्ण स्क्रीन प्ले का समर्थन करता है। MPMediaPlayback प्रोटोकॉल वर्तमान प्लेबैकरेट संपत्ति के माध्यम से रिवर्स प्लेबैक का समर्थन करता है, इसलिए उम्मीद है कि यह एक अस्थायी फिक्स होना चाहिए क्योंकि मैं सफारी का आईओएस संस्करण नहीं देख सकता हूं, अंततः इस सुविधा को लागू नहीं कर रहा क्योंकि यह देशी प्लेयर द्वारा समर्थित है।

2

क्यों एक फिल्म में रिवर्स और आगे के संस्करणों को एक साथ नहीं सिलाई?

उपयोगकर्ता उतारने और वीडियो लोड करने की समस्या को हटा देता है जब उपयोगकर्ता दिशा को फ़्लिप करता है। एक मूवी दृष्टिकोण के साथ, जब उपयोगकर्ता दिशा फिसलता है, तो आपको बस फिल्म के दूसरे भाग में इसी बिंदु को समझने और वहां की तलाश करने की आवश्यकता होती है।

0

नोट: मैं बेवकूफ था और प्रश्न की एक गैर तुच्छ हिस्सा याद किया, तो निम्न आईओएस प्रयोजनों

Googling के एक पल के बाद के लिए बहुत बेकार है, मैं निम्नलिखित कोड पर स्पष्टीकरण के साथ पाया कैसे वेबकिट आधारित ब्राउज़र पर HTML5 वीडियो के रिवर्स प्लेबैक का समर्थन करने के लिए:

function speedup(video, direction) { 
    if (direction == undefined) direction = 1; // or -1 for reverse 
    if (video.playbackRate != undefined) { 
     video.playbackRate = direction == 1 ? 2 : -2; 
    } else { // do it manually 
     video.setAttribute('data-playbackRate', setInterval ((function playbackRate() { 
     video.currentTime += direction; 
     return playbackRate; // allows us to run the function once and setInterval 
     })(), 500)); 
    } 
} 

function playnormal(video) { 
    if (video.playbackRate != undefined) { 
     video.playbackRate = 1; 
    } else { // do it manually clearInterval(video.getAttribute('data-playbackRate’)); } 
} 

स्रोत: http://net.tutsplus.com/tutorials/html-css-techniques/html5-audio-and-video-what-you-must-know/

आप spee के लिए HTML5 वीडियो वस्तु में पारित करने के लिए की जरूरत है dup समारोह, लेकिन फिर कि समारोह संभवतः में कम किया जा सकता निम्नलिखित (मैं अभी तक इस परीक्षण नहीं किया है, यह एक iPad विशेष समारोह है):

function reverseVideo(video) { 
    video.playbackRate = -1; 
} 

चारों ओर खेलने के लिए स्वतंत्र महसूस, और अधिक जानकारी के लिए खोज एचटीएमएल 5 वीडियो तत्व पर :)

+0

आह अरे, मुझे बहुत खेद है कि मैं बहुत थक गया हूं .. मैं कुछ मिनटों में अपना जवाब अपडेट करूंगा, पूरी तरह से आईओएस भाग पर समर्थित नहीं चूक गया। :( –