अब जब मैंने समस्या सूची को देखा, तो क्या यह #3078 के समान है?

मुझे लगता है कि 3066 अधिक सटीक है।

उस रिकॉर्ड के लिए जिसका मैं उपयोग कर रहा हूं (https://github.com/bfred-it/iphone-inline-video) ios 9 पर अपने आप इनलाइन चलाने के लिए एक वीडियो प्राप्त करने के लिए। यह काम करता है, हालांकि यह videoTexture आकर्षित नहीं लगता है ios9 पर फ्रेम। वह lib एक अनुरोध एनीमेशन फ्रेम कॉल बनाता है और फ्रेम द्वारा वीडियो फ्रेम के माध्यम से कदम उठाता है।

हां दिलचस्प। यह मेरे लिए कठिन है क्योंकि मेरे पास iOS डिवाइस नहीं है। उम्मीद है कि अन्य देवों में से एक इसे जल्द ही खटखटाएगा!

@ pr1ntr इसके लिए पिछले धागे पर मैंने बताया कि कैसे ios9 और अंडर फुल स्क्रीन पर जाए बिना वीडियो नहीं चला सकते। यह इस बात का हिस्सा है कि Apple ने उन्हें कैसे डिज़ाइन किया।

अब, यह थर्ड पार्टी पॉलीफिल लिब है जो वास्तव में इस व्यवहार की अनुमति देने के लिए कुछ चतुर शीनिगन्स करता है। मेरा मानना ​​है कि यह PIXI के दायरे से बाहर है, इसलिए मैं इसे कभी भी PIXI में शामिल होते हुए नहीं देख सकता था।

लेकिन .... मैंने अपने आप को विभिन्न ओएस वर्जन के आईफ़ोन से घेर लिया है, और इस काम के साथ एक नाटक करूंगा। मैं किसी भी निष्कर्ष के साथ आपके पास वापस आऊंगा :)

नमस्ते, जांच के लिए धन्यवाद। व्यवहार मैं खोज रहा हूं कि बनावट पर अद्यतन अद्यतन नहीं हो रहा है यदि वीडियो सामान्य रूप से अपनी घटनाओं को फायर कर रहा है। मैं जिस पॉलीफिल का उपयोग कर रहा हूं वह सामान्य रूप से सभी घटनाओं को फायर करना चाहिए, वीडियो को आगे बढ़ाने के लिए इसका अपना वूडू requestAnimationFrame टिक है। केवल <video> टैग के साथ इसका उपयोग करते समय यह वास्तव में ठीक काम करता है।

मुझे लगता है कि बग यह नहीं है कि यह पूर्ण स्क्रीन पर जाता है, लेकिन यह घटनाओं को उसी तरह नहीं सुनता है। मैं स्रोत की जांच करने की कोशिश कर रहा था लेकिन मेरे पास इतना समय और/या संदर्भ का ढांचा नहीं था।

मैं इस व्यवहार को प्रदर्शित करने के लिए कोडपेन पर एक उदाहरण बनाने का प्रयास कर सकता हूं। क्या यह मददगार होगा?

यदि आप कुछ और मिनटों के लिए रुकते हैं, तो मुझे आपके लिए समाधान मिल सकता है :)

मिठाई!

var renderer = PIXI.autoDetectRenderer(window.innerWidth, window.innerHeight, { transparent: true });
document.body.appendChild(renderer.view);

// create the root of the scene graph
var stage = new PIXI.Container();

// create a video texture from a path
var texture = PIXI.Texture.fromVideo('video.mp4');
texture.baseTexture.autoPlay = false;
makeVideoPlayableInline(texture.baseTexture.source, false);

window.document.addEventListener( 'mousedown', function() {
    texture.baseTexture.source.play();
});

window.document.addEventListener( 'touchstart', function() {
    texture.baseTexture.source.play();
});

var videoSprite = new PIXI.Sprite(texture);
videoSprite.width = renderer.width;
videoSprite.height = renderer.height;
stage.addChild(videoSprite);

animate();

function animate(){
    requestAnimationFrame(animate);

    // render the stage
    renderer.render(stage);
}

तो, उपरोक्त मेरे लिए ios8 और ios9 काम करता है। ध्यान दें, जब आप 'makeVideoPlayableInline' को कॉल करते हैं तो आप 'गलत' की आपूर्ति करते हैं। कहने का तात्पर्य यह है कि वीडियो में कोई आवाज नहीं है। यह एकमात्र तरीका है जिससे मैं इस तीसरे पक्ष के पॉलीफ़िल के साथ PIXI के साथ काम कर रहा हूं। उम्मीद है कि यह आपके लिए एक स्वीकार्य व्यापार बंद है!

मुझे लगता है कि कुंजी वह वीडियो हो सकती है जिसमें ऑडियो बिल्कुल न हो। मैं झूठी आपूर्ति कर रहा था लेकिन वीडियो में एक ऑडियो ट्रैक है। मैं सिर्फ एक परीक्षण वीडियो का उपयोग कर रहा था जिसमें ऑडियो था। हम जो ऐप बना रहे हैं उसके लिए वास्तविक वीडियो में कोई भी नहीं होगा। मुझे पुन: एन्कोडिंग का प्रयास करने दें और मैं वापस रिपोर्ट करूंगा।

कई वीडियो के साथ मेरे परीक्षणों में, इससे कोई फर्क नहीं पड़ता कि वीडियो में ऑडियो है या नहीं। 'false' को 'makeVideoPlayableInline' में पास करके, वीडियो इनलाइन चलेगा।

सही मैं झूठा गुजर रहा हूँ। लेकिन मैं वीडियो को कहीं और लपेट रहा हूं।

यह मेरा वीडियो घटक _चेतावनी_ प्रतिक्रिया है।
https://gist.github.com/pr1ntr/8511ede7068eac180f515a18ddf75a89#file -connectvideo-js-L52
यह वह जगह है जहां यह इनलाइन पॉलीफिल (लाइन 52) चलाता है
लाइन 60 यह एक तैयार फ़ंक्शन को कॉल करता है जो अपने माता-पिता को PixiVideoWrapper प्रस्तुत करने के लिए कहता है
यह यहाँ है:
https://gist.github.com/pr1ntr/57032704841e471c3a145308072f3ee2#file -game-js-L37

फिर एक बार जब PixiVideoWrapper माउंट करता है तो यह वीडियो बनावट को प्राप्त करने के लिए सभी चीजें करता है:
https://gist.github.com/pr1ntr/3a44f327406d5d5a97824c47d6194484#file -pixivideowrapper-js-L118

तो Game.js में यदि उपयोगकर्ता ने टैप किया है तो उसे वीडियो को PixiVideoWrapper लाइन 81 में लाइन 121 componentWillReceiveProps माध्यम से चलाने के लिए कहना चाहिए।

अगर मैं display:none हटा दूं तो मैं इनलाइन वीडियो प्ले देख सकता हूं।

क्या आप भी नवीनतम #dev का उपयोग कर रहे हैं?

हाँ

नवीनतम देव से पहले किसी भी चीज़ में या तो आधार वीडियो बनावट लोड करने में समस्या होती है या इसमें उन वीडियो के लिए इनलाइन टैग नहीं होता है जिनकी ios10 को आवश्यकता होती है

ठीक है तो आपका उदाहरण मेरे लिए काम करता है। लेकिन डीओएम में वीडियो कहां है? यह भी क्या बटन है जिसे HOOK DIV कहा जाता है? यह अजीब है। अगर वीडियो पहले से पेज पर मौजूद है तो इससे फर्क क्यों पड़ेगा?

आधार वीडियो बनावट बनाते समय, यदि स्रोत एक प्रत्यक्ष वीडियो है, तो यह स्वयं html वीडियो टैग बनाएगा। शायद यहीं फर्क है। स्रोत कोड पर एक नज़र डालें कि क्या कोई ईवेंट श्रोताओं को अलग तरीके से सेट किया गया है? इसके साथ फिर से खेलने के लिए गुरुवार तक ios उपकरणों तक पहुंच नहीं होगी मुझे डर है

क्या आप सिम्युलेटर में परीक्षण कर रहे हैं?

नहीं, मैं वास्तविक उपकरणों पर परीक्षण कर रहा था।

नमस्ते
मैंने यह देखने के लिए एक बुनियादी परीक्षण किया कि क्या आपका अपना वीडियो तत्व प्रदान करना काम करेगा। यह ios9 पर नहीं था, उदाहरण जब आपने एक स्ट्रिंग के रूप में स्रोत प्रदान किया था तो काम करता है।

import inlineVideo from 'iphone-inline-video';

var video = document.createElement('video');
video.setAttribute('playsinline','');
video.setAttribute('webkit-playsinline','');

var src = document.createElement('source');
src.setAttribute('src', vidUrl);
src.setAttribute('type', 'video/mp4');

video.appendChild(src);

console.log(video);

// create the root of the scene graph
var stage = new PIXI.Container();

// create a video texture from a path
var texture = PIXI.Texture.fromVideo(video);
texture.baseTexture.autoPlay = false;
inlineVideo(texture.baseTexture.source, false);

window.document.addEventListener( 'mousedown', function() {
    texture.baseTexture.source.play();
});

window.document.addEventListener( 'touchstart', function() {
    texture.baseTexture.source.play();
});

var videoSprite = new PIXI.Sprite(texture);
videoSprite.width = renderer.width;
videoSprite.height = renderer.height;
stage.addChild(videoSprite);

animate();

function animate(){
    requestAnimationFrame(animate);

    // render the stage
    renderer.render(stage);
}

मुझे PIXI के स्रोत में अंतर नहीं मिला। मुझे लगता है कि मैं पागल हो रहा हूँ।

केवल एक चीज जो मैं अलग देख सकता हूं वह यह है कि यदि आप PIXI को एक स्ट्रिंग url से अपना स्वयं का वीडियो टैग बनाने देते हैं, तो यह कॉल भी करता है
video.load();
इसके ठीक बाद कोशिश करें
video.appendChild(src);

ओएमएफजी अविश्वसनीय! जो इसे पूरी तरह से ठीक करता है। एफएमएल जी शुक्रिया।

इस थ्रेड को स्वचालित रूप से लॉक कर दिया गया है क्योंकि इसे बंद करने के बाद हाल ही में कोई गतिविधि नहीं हुई है। कृपया संबंधित बग के लिए एक नया मुद्दा खोलें।