Questions tagged [html5]

48581 questions
1

votes
1

answer
102

Views

Read large (1G) binary file as it loads in Javascript [duplicate]

This question already has an answer here: filereader api on big files 2 answers I have always fully loaded binary files and then gone on to scan the content blocks within. This was fine for anything up to say 500K. I'm now looking at scanning files that are as large as 1G or higher. (Client side) L...
ChipAhoy
1

votes
1

answer
109

Views

HTML5 Canvas - Scrolling a map (made with a 2 dimensional array) using setTransform

I'm making a 2D platformer with HTML5 Canvas. I have a map that's made using a 2 dimensional array. Ex: var map = [ [0,0,0], [0,0,0], [0,0,0] ]; When the player moves, it updates the camera's position, and the map is scrolled accordingly (the camera dimensions are the same as the canvas, 800 by 500...
Jordan
1

votes
0

answer
445

Views

PIPELINE_ERROR_DECODE html5 video android

Html5 video does not work in chrome on android 4.1, all checks was successful: '('' MediaSource 'in window)' 'MediaSource.isTypeSupported (codec)'. I 'm trying to play MediaSource video in the browser, and it working in desktop browsers versions, it works on Android 4.4, so I see that my video shoul...
vaszol
1

votes
0

answer
48

Views

HTML5 audio file loads only partially or in chunks

I have incorporated a playlist into a HTML page much along the lines of http://devblog.lastrose.com/html5-audio-video-playlist/. The actual playing of tracks is achieved via player.load(); player.play(); Every now and then, a sound file will play only partially. Tracking that problem with several br...
TAM
1

votes
0

answer
90

Views

WebRTC adapter.js returns empty object

I am building a WebRTC app with the front-end emplyong adapter.js and AngularJS. A call to the function getUserMedia from adapter.js the success handler returns an empty object as the stream object. Below is a snippet of the code. index.html main.js $scope.constraints = { audio: true, video: true };...
tej-kweku
1

votes
1

answer
34

Views

video is not fetching completly,

I want to fetch video from mongodb than it should play that video up to video size, but its playing only some second, i gave maxUploadSize is 20mb and maxInMemorySize also 20mb,but on the jsp page, its fetching only 1mb video even video size more than 1mb. I am not getting what to do, video should p...
Laxmi Prajapati
1

votes
1

answer
169

Views

Rotate around Y-axis without changing position

I am trying to build a pyramid and animate it. The problem is after having rotated it around the X-axis, I try to rotate it around the height of the pyramid(Y axis), but I it moves every time. I tried basically every transform-origin options, but it doesn't work. My code is the following: Thanks for...
B. Ma
1

votes
1

answer
61

Views

Can I use javascript to retrieve the content header when setting the src on audio

I'm using the HTML5 audio control to play an mp3 file that is streaming from the server: And I am setting the src of that audio control dynamically, when a user clicks a button: $('#myBtn').on('click', function (e) { var audio = document.getElementById('audio'); audio.src = '/api/audio/f56i4gi8lh';...
Matt Spinks
1

votes
1

answer
548

Views

Store webpage for offline viewing ionic 3

I was wondering if it's possible to place a web page in localstorage like you can do with images in ionic 2/3 or save it locally for offline viewing. Here is a piece of code I have for accessing a remote book using google docs: book.ts import { Component } from '@angular/core'; import { IonicPage, N...
Ngoni X
1

votes
0

answer
93

Views

How do I use HTML5 form elements (e.g. <input type=“date”>) with Elm's Style-Elements library?

I have a view (I've mocked it up here) which uses Elm's style-elements library to generate a form: formEl : Model -> E.Element MyStyles variation Msg formEl model = E.column None []
Chris
1

votes
0

answer
40

Views

how to add single item to drop area without adding multiple items

Following is the code used for implementing dynamic listing along with drag and drop functionality function allowDrop(ev) { ev.preventDefault(); } function drag(ev) { ev.dataTransfer.setData('text', ev.target.id); } function drop(ev) { ev.preventDefault(); var data = ev.dataTransfer.getData('text')...
Balu
1

votes
0

answer
58

Views

Javascript bezierCurveTo() draws different curvature depending on lineWidth

I`m trying to draw a long (actually very long) bezier lines on my graph. When hover over line it should become thicker. And i encountered an issue. Sometimes lines has different curvature depending on lineWidth in Chrome. Code exapmle const canvas = document.getElementById('canvas'); const ctx = can...
Eugeniy Taranov
0

votes
0

answer
11

Views

JavaScript Session Cookie Being Deleted by Web App — How to Debug?

I have an issue with a session cookie being deleted somehow. The code that sets the cookie and reads it has been in place for years and works on most pages. I've tried some testing (cookie name I'm debugging is 'navElemName') and somehow the cookie appears to be deleted by the web app on specific pa...
Michael Johns
0

votes
0

answer
7

Views

homepage link sends to about/about page unable to get home

I am trying to go back to my home page which is local host. however when trying to link to home using some python script it sends me to my forum page. Even stranger my forum page is at forum/forum/. while using an html href srcipt though it goes back to home. also loads in home. whats going on? im u...
Cameron Locke
1

votes
2

answer
2.5k

Views

ERROR: Image is not defined (trouble using Image() function)

I use a very simple piece of code (but then obviously with my image instead of Image.png). I am trying to give my canvas a background image. var canvas = document.getElementById('canvas'); ctx = canvas.getContext('2d'); var img = new Image(); img.onload=start; img.src='Image.png'; function start(){...
NTMN
1

votes
1

answer
86

Views

When my stopwatch updates with setInterval, it blinks, how to make it smooth?

Hi i made a stopwatch in javascript and every time it updates, it deletes, and then after a second appears again and deletes. So every second it appears and disappears, making it blink. How can i make it appear until the next second updates, making a smooth transition. Here is my code: function Game...
Patrick
1

votes
1

answer
1.1k

Views

Webcam video stream not showing in html5 video tag

I am trying to get access to a webcam and display video on an HTML page in a video tag. After I run the HTML page, I get a pop-up box asking for the permission to access webcam but after I grant permission, nothing happens. No video is shown in video tag. Below i the code. I am using Firefox 57.0 we...
Usman Riaz
1

votes
2

answer
38

Views

float left image doesn't come in center [responsive design]

All I need is the image to be in the left for desktop users and in the center for mobile users. Please Help!!! #name { text-align: center; font-family: cursive; color: orange; text-decoration: underline; text-decoration-style: double; } img { float: left; width: 75%; margin: 0 auto; } #i...
Jatin Gharat
1

votes
1

answer
1.3k

Views

Ionic fixed content at the bottom

I have created a login form for my app with ionic 3, when I toggle the keyboard the content at the bottom moves to the top part. This is my design for the screen when keyboard is not toggled. When the keyboard is toggled. My html mockup Forgot password Sign In Facebook New Here? Sign Up CSS for the...
Gerald Brigen
1

votes
1

answer
117

Views

Fade images in and out randomly in a page?

I am having a problem where I need to fade in and out 6 random images on a page every second a new image appears. I have tried the code I found online but it only fades in one image in a random location and doesn't fade in/out others. Please if you could help me, I would really appreciate it. Code:...
Drk Design
1

votes
1

answer
39

Views

JavaScript play videos with same class control by play buttons with same class

I'm trying to make 3 play/pause buttons for 3 videos. Each play/pause button controls the closest video. (function () { var play = document.querySelectorAll('.video_play_button'), video = document.querySelectorAll('.timeline_video'); function videoPlay() { video.forEach(function (videoItem) {...
Shan Jiang
1

votes
0

answer
196

Views

How to make bootstrap thumbnail caurosel responsive?

Hello i am trying to make a slider using bootstrap(thumbnail slider) and it is sliding but i want to slide one by one column (like first column: 1-2-3, second: 2-3-4, third: 3-4-1 and so on) but don't know where i am misleading, please help me out to make it. hints: in initial it will show column: 1...
Abhishek Rawal
1

votes
1

answer
51

Views

How to delete particular array shown in grid and need to pass the id of the array?

I have created the simple grid and I have remove button in every table row. If any data in db, it's shown in the view and if user need to add more file,clicking on add new button,my modal array(Colum in code) push the empty array to view. The problem is while clicking 3rd index array remove button i...
Arun Kumar
1

votes
1

answer
69

Views

multidimensional array of objects in angular

I have a multidimensional array of an object in angular 2 declared in my class as follow: export class MatrixComponent implements OnInit { private columnsNumber: number = 10; private linesNumber: number = 10; private grid: SquareComponent [][]; constructor() { this.grid = []; var square = new Square...
Bonomi
1

votes
6

answer
94

Views

jQuery check if radio option is selected on load

I'm checking when radio is checked remove disabled class else add disabled class, it's working fine. But on page load when radio is already checked, then it's not removing the disabled class. The radio is sometimes already selected as the page is being loaded dynamically using php. Html Code Next st...
Zain
1

votes
0

answer
69

Views

How to get a responsive element to snap to a grid?

I have a responsive grid of items, as below. What I want to happen is that when the container changes size (based upon screen width), you don't see part of an empty cell. This can be done by either causing a parent container to not grow past the end of the last item in the row, by causing the parent...
Jamie Barker
1

votes
1

answer
31

Views

Setting Height of Pattern-Image for Canvas

I am drawing frames around some images. This is my code for drawing the top frame: this.frame.top.height = this.frame.top.height * this.resizeMultiplyer const pattern = this.context.createPattern(this.frame.top, 'repeat'); console.log(this.frame.top.height); console.log(this.frame.top.height); this....
Ahsan Aasim
1

votes
1

answer
36

Views

HTML5 video - Stream a rendering video

If I am rendering a video to 'test.mp4', how can the user stream what has been rendered so far? For example, the user can watch/receive the frames of the video that have been created/rendered so far without waiting till the full rendering of the video to start watching the video. Thanks!
JamesSin
1

votes
1

answer
38

Views

How to add inline CSS styles to an element for which the source of the CSS is a file (and not inline text) that you can't feasibly edit?

I have an html page (index.html) and css page (styles.css) with various elements (including a table) and styles: index.html: ... ... ...
Joshua Mitchell
1

votes
2

answer
45

Views

How to create outline of circle that increases by 1/365 part each day of the year?

Rather new to JavaScript and I'm trying to complete this project: Inside a circle there will be a counter ticking up from 1 to 365, once per day, so at the time of writing it would say '5/365'. I've worked out how to do this. I also want the full circle to have a thin outline, which I assume you'd...
Benjamin Rowntree
1

votes
0

answer
39

Views

Validation not working and Save button is not enabled

Only if I enter a value in Secondary-phone field, the save button gets enabled and the other issue is secondary phone number needs to be validated but it's not a required field. @Html.Sitecore().Field('Zip Label', profileItem) Zip Required @* @Html.Sitecore().Field('Zip Required', profileItemm) *@ E...
Karthey Sundarem
1

votes
1

answer
243

Views

Using JQuery to trigger an event from Bootstrap Scrollspy

I am trying to capture the event of Scrollspy in order to run a function. Scrollspy is working to change the activate link on the navbar. But I am unable to capture the event to use it elsewhere. This is a snippet of the code: $(document).ready(function(){ $('body').scrollspy({target: '#navbar', off...
phoenixson
1

votes
1

answer
1.3k

Views

owl-carousel custom dots without changing owl-theme default CSS

I'm working with owl-carousel and I want to customize the navigation.I don't want to change default owl-theme.css .because for some other sections I want this default functionality also.If I customise default owl-theme.css. I get the output but it conflicts with all sections. So far I tried to like...
Husna
1

votes
1

answer
135

Views

Custom Variable for Paypal Installment Plan

I have decided to use Paypal's Payment Gateway method that allows my customer to have the option to pay the amount fully or have an installment plan for them to pay for the things they ordered. I'm aware that you can define variables before the creation of the Installment Plan button. However, the...
eykf
1

votes
0

answer
81

Views

Offline Mobile web app is not working when I use apple-web-app-capable

Im using meta tag to open the offline app in standalone when user comes from the home screen icon then its showing error 'Cannot open app'(requires internet connection). when i'm not using the above meta tag everything works fine but in the safari not in standalone. can anyone suggest some fix to h...
user3810098
1

votes
2

answer
75

Views

javascript hide/show function is not working

This is the basic html page Select Venue Type Theme Restaurant Blah restaurant Flana Restaurant Woops Restaurant Venue Name* Venue Price* i want my dropdown list to show a form when clicked and i have tried using javascript function here, but it is not working the form is showing as it is and nothin...
juhi
1

votes
1

answer
1.7k

Views

owl carousel navigation dots change active class smoothly

In owl carousel, I want a transition in dots navigation I tried to like this but it's not working. .slider.owl-theme .owl-dots .owl-dot span { display: none; position: absolute; width: 0; height: 0; top: -34px; left: 40%; border-left: 30px solid transparent; border-right: 30px solid transparent; b...
Husna
1

votes
0

answer
489

Views

Blob Url for Audio Element Source

I need to use a blob url for the audio element source, and it is not working on Edge or Safari; however it works in Chrome and Firefox. So basically something like this: is not working on Safari or Edge. Any workarounds? You can also check this fiddle for example and try it different browsers: https...
VMh
1

votes
1

answer
334

Views

Html 5 Video angular 5

I am making an angular app to play video from my local folders , previously it was working fine when I was doing with nodejs but when I switched to .net with the same angular code it gives me error. CODE: ERROR: GET http://localhost:62416/VideoList/orm/ORM.mp4 404 (Not Found) I do not know why. file...
Asif Khan
1

votes
1

answer
97

Views

General sibling selector doesn't work with nested div? [duplicate]

This question already has an answer here: Is there a CSS parent selector? 27 answers I have one container div with some A elements which change the background image of the div within the same container. I now wish to place both the A elements and the div elements in separate container divs, so I ca...
Melvin

View additional questions