ব্রাউজারের মাধ্যমে ক্যামেরা অ্যাক্সেস

Question

আমরা মোবাইলের জন্য একটি এইচটিএমএল 5 ওয়েবসাইট তৈরি করছি এবং নেটিভ অ্যাপ্লিকেশন না হয়ে ওয়েব ব্রাউজারের মাধ্যমে ক্যামেরা অ্যাক্সেস নেওয়া দরকার। আইওএস-এ এই কাজটি করতে আমাদের সমস্যা হচ্ছে। কেউ কি এর সমাধান সম্পর্কে সচেতন?

Answer 1

আপনি এটি চেষ্টা করতে পারেন:

<input type="file" capture="camera" accept="image/*" id="cameraInput" name="cameraInput">

তবে এটি কাজ করতে আইওএস 6+ হতে হবে । এটি আপনাকে একটি ছবি তোলার জন্য বা আপনার অ্যালবাম থেকে একটি আপলোড করার জন্য চয়ন করার জন্য একটি দুর্দান্ত কথোপকথন দেয়

একটি উদাহরণ এখানে পাওয়া যাবে: ফোনগ্যাপ ছাড়াই ক্যামেরা / চিত্রের ডেটা ক্যাপচার করা হচ্ছে

Comments

এটি অ্যান্ড্রয়েডেও দুর্দান্ত!

— ম্যাট

একটি সার্ভারে আপলোড করার জন্য দুর্দান্ত ডেমো। ডিভাইসের স্থানীয় অ্যালবামে ছবিটি সংরক্ষণ করতে যে কেউ কীভাবে এটি সংশোধন করবেন জানেন?

— কে.নিয়েমজিক

একমাত্র সমস্যাটি হ'ল, অন্তত আইফোনে (আইওএস 7.0.4) কমপক্ষে এই মুহূর্তে এটি সর্বদা নামের একটি অস্থায়ী চিত্র তৈরি করে 'image.jpg'। সুতরাং যদি আপনি একই আকারে কয়েকটি চিত্র আপলোড করেন তবে তারা নাম পরিবর্তনের জন্য যদি কিছু না করেন তবে একই নামের কারণে তারা একে অপরকে ওভাররাইট করে, সাবধান!

— 30:38

@ কে.নিয়েমজিক: আপনি কি কখনও তা আবিষ্কার করেছেন? যদি তাই হয় আমি সমাধান আগ্রহী। আমি এটি পেয়েছি: dev.w3.org/2009/dap/camera (স্থানীয় স্টোরেজের জন্য উদাহরণ 6-7 দেখুন)

— লামারেন্ট

উজ্জ্বল। এই কোডটি তাদের ডিভাইসে একটি পরীক্ষা চালানোর জন্য যে কেউ চাইছেন তাদের জন্য এখানে একটি মূর্খতা ।

— সাইমন পূর্ব

Answer 2

২০১৫ সালের হিসাবে এটি এখন কেবল কার্যকর ।

<input type="file">

এটি ব্যবহারকারীকে যে কোনও ফাইল আপলোড করার জন্য জিজ্ঞাসা করবে। আইওএস ৮.x এ এটি কোনও ক্যামেরা ভিডিও, ক্যামেরা ফটো বা ফটো লাইব্রেরির একটি ফটো / ভিডিও হতে পারে।

<input type="file" accept="image/*">

এই যেমন উপরে, কিন্তু আপলোড সীমিত ফটো শুধুমাত্র ক্যামেরা বা গ্রন্থাগার, কোনো ভিডিও থেকে।

Comments

ফটো লাইব্রেরি থেকে ব্যবহারকারীদের কোনও ফাইল চয়ন করা বাধা দেওয়ার কোনও উপায় আছে কি? আমি কেবল নতুন নেওয়া ছবিটি গ্রহণ করতে চাই।

— ড্যারিল

@ ড্যারিল আইওএস এ নেই। অ্যানড্রয়েড captureবৈশিষ্ট্যটি সমর্থন করে যা ঠিক এটি করে। এইচটিএমএল মিডিয়া ক্যাপচারের জন্য সঠিক সিনট্যাক্সটি

— অক্টাভিয়ান নাইকু

ব্যবহারকারীর কিছুক্ষণ ক্লিক না করার পরে আমি কি এই ফটো বা ভিডিও এবং ফটো লাইব্রেরি পপআপটি বন্ধ করব?

— প্রীতিশ

দেখে মনে হচ্ছে ভিডিও ফাংশন আর নেই?

— মার্টিয়ান2049

Answer 3

আইওএস 6-এ, অ্যাপল <input type="file">ট্যাগের মাধ্যমে এটি সমর্থন করে । আমি অ্যাপলের বিকাশকারী ডকুমেন্টেশনে একটি দরকারী লিঙ্কটি খুঁজে পাইনি, তবে এখানে একটি উদাহরণ রয়েছে ।

দেখে মনে হচ্ছে ওভারলেগুলি এবং আরও উন্নত কার্যকারিতা এখনও উপলভ্য নয় তবে এটি প্রচুর ব্যবহারের ক্ষেত্রে কাজ করা উচিত।

সম্পাদনা: ডাব্লু 3 সি একটি আইকন 66 সাফারি একটি সাবসেট বাস্তবায়ন করা আছে বলে একটি ধারণা আছে। captureঅ্যাট্রিবিউট উল্লেখযোগ্য অনুপস্থিত।

Answer 4

আমি মনে করি এটি কাজ করছে। একটি ভিডিও বা অডিও রেকর্ডিং;

<input type="file" accept="video/*;capture=camcorder">
<input type="file" accept="audio/*;capture=microphone">

বা (নতুন পদ্ধতি)

<device type="media" onchange="update(this.data)"></device>
<video autoplay></video>
<script>
  function update(stream) {
    document.querySelector('video').src = stream.url;
  }
</script>

যদি এটি না হয়, সম্ভবত আইওএস 6 এ কাজ করবে, আরও বিশদ বিবরণ ব্যবহারকারী মিডিয়াতে পাওয়া যাবে

Answer 5

Picup অ্যাপ্লিকেশন একটি HTML5 পাতা থেকে ছবি নিতে এবং সেগুলি আপনার সার্ভারে আপলোড করার জন্য একটি উপায়। এটির জন্য সার্ভারে কিছু অতিরিক্ত প্রোগ্রামিং দরকার, তবে ফোনগ্যাপ বাদে আমি আর কোনও উপায় খুঁজে পাইনি।

Comments

IOS8 এ আপনার আর পিকআপের দরকার নেই। এইচটিএমএল 5 <ইনপুট টাইপ = "ফাইল" গ্রহণ = "চিত্র / *" আইডি = "ক্যাপচার" ক্যাপচার = "ক্যামেরা"> সমর্থন করে। সাফারি এবং ক্রোমে যাচাই করা হয়েছে।

— রাকেন্সী

Answer 6

এই প্রশ্নটি ইতিমধ্যে কয়েক বছরের পুরনো তবে সেই সময়ের মধ্যে কিছু অতিরিক্ত সম্ভাবনা বিবর্তিত হয়েছে, যেমন সরাসরি ক্যামেরা অ্যাক্সেস করা, প্রাকদর্শন প্রদর্শন করা এবং স্ন্যাপশট ক্যাপচার করা (যেমন কিউআর কোড স্ক্যানিংয়ের জন্য)।

এই গুগল বিকাশকারী নিবন্ধটি "কেবল সর্বত্র কাজ করুন" (এমনকি ডেস্কটপ ব্রাউজারগুলিতে) "শুধুমাত্র আধুনিক, আপ-টু-টু-তে কাজ করতে" সমস্ত অ্যাপ্লিকেশনটিতে কীভাবে চিত্র / ক্যামেরা ডেটা পাবেন তা কীভাবে সমস্ত (?) এর গভীরতার সাথে ব্যাখ্যা করে? ক্যামেরা সহ মোবাইল ডিভাইস তারিখ "। অনেক দরকারী টিপস সহ।

বর্ণিত পদ্ধতি:

• একটি URL জিজ্ঞাসা করুন
• ফাইল ইনপুট (এখানে বেশিরভাগ অন্যান্য পোস্ট দ্বারা আবৃত)
• টেনে আনুন এবং ছেড়ে দিন (ডেস্কটপ ব্রাউজারগুলির জন্য দরকারী)
• ক্লিপবোর্ড থেকে আটকান
• ইন্টারেক্টিভভাবে ক্যামেরা অ্যাক্সেস করুন (কিউআর কোডগুলির মতো অ্যাপ্লিকেশনটিতে এটি "কী দেখায়" তা সম্পর্কে তাত্ক্ষণিক প্রতিক্রিয়া জানাতে প্রয়োজন)